HydratedRouter

• Framework
• Data
• Declarative

Summary

Framework-mode router component to be used to hydrate a router from a ServerRouter. See entry.client.tsx.

Signature

function HydratedRouter(props: HydratedRouterProps)

Props

unstable_getContext

Context object to be passed through to createBrowserRouter and made available to clientAction/clientLoader functions

unstable_onError

An error handler function that will be called for any loader/action/render errors that are encountered in your application. This is useful for logging or reporting errors instead of the ErrorBoundary because it's not subject to re-rendering and will only run one time per error.

The errorInfo parameter is passed along from componentDidCatch and is only present for render errors.

<HydratedRouter unstable_onError={(error, errorInfo) => {
  console.error(error, errorInfo);
  reportToErrorService(error, errorInfo);
}} />