Crashing gracefully while error handling using Error Boundaries.

React error boundaries let you catch JavaScript errors that occur in child components. Any unhandled error originating below the boundarys tree position will be caught, preventing a crash occurring.

You can display your own fallback UI after an error boundary traps an error. This lets you gracefully communicate the problem to the user. Theyll be able to keep using the rest of your interface without suffering a completely crashed tab.

The nave approach to handling this kind of error would be to add a try/catch