HydratedRouter

Summary

ServerRouter からルーターをハイドレートするために使用される、フレームワークモードの router component です。entry.client.tsx を参照してください。

Signature

function HydratedRouter(props: HydratedRouterProps)

Props

getContext

createBrowserRouter に渡される context ファクトリ関数です。この関数は、それぞれの navigation/fetch ごとに新しい context インスタンスを作成するために呼び出され、clientAction/clientLoader 関数で利用できるようになります。

onError

アプリケーションで発生した middleware, loader, action, または render のエラーに対して呼び出されるエラーハンドラー関数です。これは、再レンダリングの影響を受けず、エラーごとに一度しか実行されないため、ErrorBoundary 内ではなく、エラーのログ記録やレポートに役立ちます。

errorInfo パラメーターは componentDidCatch から渡され、render エラーの場合にのみ存在します。

<HydratedRouter onError=(error, info) => {
  let { location, params, unstable_pattern, errorInfo } = info;
  console.error(error, location, errorInfo);
  reportToErrorService(error, location, errorInfo);
}} />