Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
782 B · 18 lines
TSX
12345678910111213141516171819import { getIdentityData } from "actions/getIdentityData";import { IdentityContextProvider } from "./IdentityProvider";
// Starts the identity fetch without awaiting it: the promise is handed to the// client provider, which use()-suspends at the nearest boundary above this// mount point while server children (the home leaflet fetch, page queries)// render in parallel. Mount it under the Suspense boundary of the segment that// should show the loading state — getIdentityData is React-cached, so multiple// mounts in one request share a single query.export function IdentityProviderServer(props: { children: React.ReactNode;}) { return ( <IdentityContextProvider identityPromise={getIdentityData()}> {props.children} </IdentityContextProvider> );}