`useRouteError`

在 errorElement 內部，此鉤子會回傳動作、載入程式或渲染期間擲出的任何資料。注意擲出的回應有特殊處理，如需更多資訊，請參閱 isRouteErrorResponse。

此功能僅適用於使用資料路由器時，請參閱挑選路由器

function ErrorBoundary() {
  const error = useRouteError();
  console.error(error);
  return <div>{error.message}</div>;
}

<Route
  errorElement={<ErrorBoundary />}
  loader={() => {
    // unexpected errors in loaders/actions
    something.that.breaks();
  }}
  action={() => {
    // stuff you throw on purpose in loaders/actions
    throw new Response("Bad Request", { status: 400 });
  }}
  element={
    // and errors thrown while rendering
    <div>{breaks.while.rendering}</div>
  }
/>;