Error Boundary in React: why does 'throw new Error('some message')' fail and 'throw errorObj' work?

Question

I\'m learning Error Boundaries in React. I think I\'ve got a good basic understanding but am having trouble implementing them for asynchronous processes, such as loading data.

Answer 1

This is an artifact of the dev environment. You can see your actual UI by hitting "escape" or the "X" to dismiss the stack trace. This won't show up in production. I believe the react dev code looks at where the Exception was thrown and if it's in your code then you see the UI.

See: React still showing errors after catching with ErrorBoundary