Create React App not showing error message with ErrorBoundary

Question

I\'m learning how to use componentDidCatch(). It looks straight forward. It works, but to still show the complete error stack on view.

In separate files

Answer 1

as the document says

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.

even when when you use componentDidCatch the error will be logged

checkout this codepin