Function useAsyncError

useAsyncError(): unknown

Returns the rejection value from the closest <Await>.

Returns unknown

The error that was thrown in the nearest Await component

Example

import { Await, useAsyncError } from "react-router";

function ErrorElement() {
  const error = useAsyncError();
  return (
    <p>Uh Oh, something went wrong! {error.message}</p>
  );
}

// somewhere in your app
<Await
  resolve={promiseThatRejects}
  errorElement={<ErrorElement />}
/>;

@public

Mode

framework

Mode

data