React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundary.

React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundary.

Reactがコンポーネントツリーを最初から再作成しようとする時に引き起こすエラー。

エラーの原因として
関数が定義されていないか、もしくは関数ではないことを示しています。
そのような状況はあまり発生しません。ほとんどの場合、使用時に渡されるパラメーターの不一致が原因となります。

The above error occurred in the <Hoge> component:
...

コンポーネントHogeに渡したデータに問題があり、コンポーネント テーブルのレンダリングに失敗したことを意味します。

これはReactのVersion16.3くらいまでは発生していませんでしたが、16.9や17バージョンを上げたことにより出ているのを確認しました。

開発者が見るべき点としては、propsなどで渡している値が正しいかどうかを確認してください。
APIリクエストからの返り値などがうまく引き渡されていないことも要因として考えられます。
大抵の場合、APIリクエストをする際は対象のコンポーネントがレンダリングされる前にローディングコンポーネントを挟んで対象のコンポーネントがレンダリングされるのを防ぎます。

この処理を入れ忘れた場合などもこのエラーを引き起こす要因となります。

// データ取得前にHogeがレンダリングされてしまいエラーになる場合がある
// if(isLoading){
//   return <Loading />;
// }
return <Hoge {...props} />

参考
React will try to recreate this component tree from scratch using the error boundary you provided

関連記事