How to log errors in browser (error view) instead of blank screen in React

Question

I have a React application which is not created with create-react-app. I would like to add a error handling functionality but I have no idea how:

When there is an error, instead of getting a blank page and errors in console, in development, how do I enable this functionality in a React application where it shows the error stack in the browser?

Do I have to write the code for it or there is a react configuration that I can just enable or should I use a library to achieve this?

EDIT:

Above image is what I want to see as an error report in my browser when there is an error. It is not an error I am trying to solve.

Please try reactjs.org/docs/error-boundaries.html in your root component — Viswanath Lekshmanan
– Viswanath Lekshmanan, Commented May 19, 2020 at 17:16

Viswanath Lekshmanan · Accepted Answer · 2020-05-20 04:11:27Z

1

Try Error Boundaries . Add those in your Root Level to catch all errors inside that.

answered May 20, 2020 at 4:11

Viswanath Lekshmanan

10.1k2 gold badges43 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to log errors in browser (error view) instead of blank screen in React

EDIT:

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

EDIT:

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related