useAwaited hook

The useAwaited method is a hook that suspends until the provided promise is resolved or rejected.

The useAwaited hook accepts a single argument, an options object.

• Type: Promise<T>
• Required
• The deferred promise to await.

• Throws an error if the promise is rejected.
• Suspends (throws a promise) if the promise is pending.
• Returns the resolved value of a deferred promise if the promise is resolved.

import { useAwaited } from '@tanstack/react-router'

function Component() {
  const { deferredPromise } = route.useLoaderData()

  const data = useAwaited({ promise: myDeferredPromise })
  // ...
}

import { useAwaited } from '@tanstack/react-router'

function Component() {
  const { deferredPromise } = route.useLoaderData()

  const data = useAwaited({ promise: myDeferredPromise })
  // ...
}