React Router v7 ドキュメント 日本語版

English

useAsyncError

概要

リファレンスドキュメント ↗

最も近い<Await>からのリジェクト値を返します。

import { Await, useAsyncError } from "react-router";
 
function ErrorElement() {
  const error = useAsyncError();
  return (
    <p>おっと、何か問題が発生しました！ {error.message}</p>
  );
}
 
// アプリ内のどこかで
<Await
  resolve={promiseThatRejects}
  errorElement={<ErrorElement />}
/>;

シグネチャ

function useAsyncError(): unknown

戻り値

最も近いAwait コンポーネントでスローされたエラーです。