Error Boundaries

[mrose]

Hi,
In the past I have used react-error-boundary successfully. It appears to be a client component.
I noticed that react-server also provides an ErrorBoundary, should I use that instead?

[lazarv]

Hi @mrose!
I'm sorry. This was missing from the documentation, and while I was getting back to it, I noticed an issue with the error handling. But the fix is now released and available in the latest version.

You can now read more about error handling at https://react-server.dev/framework/error-handling. But to answer your question, yes, you should use the error boundary provided by the framework as while it is a client component, it adds client-side navigation-based error boundary reset to clear server-side errors on page refresh or navigation and wraps the error boundary into a <Suspense> which is needed to transfer server-side errors to the client.

You can still use any error boundary component to handle client-side errors. In this case, you need to use your own error boundary component in another client component or inside a <ClientOnly> wrapper.