TanStack · Component
Await
Defer slow route data by returning its unresolved promise from a loader. Render it later with Await while critical data renders first.
Last updated
Syntax
loader: async () => ({ criticalData: await fetchCritical(), deferredData: fetchSlow() })
<Await promise={deferredData} fallback={...}>{(data) => ...}</Await>In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.
SubscribeRelated
AwaitcreateFileRouteSuspenseStreaming SSRgetRouteApiuseLoaderData