A JavaScript error in a part of the UI shouldn’t break the whole app. To solve this problem for React users, React 16 introduces a new concept of an “error boundary”.

Error boundaries are React components that catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI instead of the component tree that crashed. Error boundaries catch errors during rendering, in lifecycle methods, and in constructors of the whole tree below them.

https://reactjs.org/docs/error-boundaries.html#introducing-error-boundaries Check Error Boundaries Official React Documentation.

Check the Stackoverflow – https://stackoverflow.com/questions/57943149/react-error-boundaries-not-working-with-react