How to show errors in React instead of white screen?

Question

React

After npm run watch, no errors are shown on the screen, just in the console, how can I show the errors on the screen? Apart from the componentDidCatch and getDerivedStateFromError methods? So that the errors were only in the dev version were shown?

Answer 1

https://www.npmjs.com/package/react-error-overlay
This utility is part of create-react-app, it shows errors quite nicely.
You will need to configure it with handles, or try switching to create-react-app - there is a whole lot of everything out of the box.