에러 경계는 하위 컴포넌트 트리의 어디에서든 자바스크립트 에러를 기록하며 깨진 컴포넌트 트리 대신 폴백 UI를 보여주는 React 컴포넌트입니다. 에러 경계는 렌더링 도중 생명주기 메서드 및 그 아래에 있는 전체 트리에서 에러를 잡아냅니다.

리액트 16부터는 에러 바운더리에 잡히지 않은 렌더링 오류는 컴포넌트 트리 자체를 해제시킨다. (빈 화면)

참고

에러 경계(Error Boundaries) – React

React Query와 함께 Concurrent UI Pattern을 도입하는 방법 | 카카오페이 기술 블로그

ErrorBoundary 가 포착할 수 없는 에러와 그 이론적 원리 분석