React: Error boundary
#React
#エラーハンドリング
React
において、コンポーネント内で発生したエラーの
エラーハンドリング
を行うためのコンポーネント
Error BoundaryはReact自体が提供しているコンポーネントではなく、
react-error-boundary
を使うのが良さそう
React: Suspense
と同様、エラーが発生する可能性があるコンポーネントをBoundaryで囲う
code:jsx
<ErrorBoundary fallback={<ErrorReport message="something went wrong" />}>
<Stuff />
</ErrorBoundary>
https://ja.react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary
https://zenn.dev/hakoten/articles/f5b577d8b63a4a