error boundary は自身の子コンポーネントツリーで発生した JavaScript エラーをキャッチし、エラーを記録し、クラッシュしたコンポーネントツリーの代わりにフォールバック用の UI を表示する React コンポーネントです。error boundary は配下のツリー全体のレンダー中、ライフサイクルメソッド内、およびコンストラクタ内で発生したエラーをキャッチします。Error Boundary―React 子コンポーネントでエラーが発生した時にエラー画面をフォールバックUIとして表示してくれる機能です。 今回試していませんが、error boundaryをシンプルで再利用可能なラッパーを提供しているライブラリも存在するようです。
![Reactのerror boundaryでキャッチされないエラーをキャッチできるようにする | ビジネスとIT活用に役立つ情報(株式会社アーティス)](https://cdn-ak-scissors.b.st-hatena.com/image/square/d9366f792c29531d4f31b3b58f88e0e91266c57e/height=288;version=1;width=512/https%3A%2F%2Fwww.asobou.co.jp%2Fblog%2Fwp-content%2Fuploads%2F2022%2F03%2Ferror-boundary-sub.jpg)