Function loader

examples/react/react-router/src/routes/root.tsx:26–32

(queryClient: QueryClient)

export const loader =
  (queryClient: QueryClient) =>
  async ({ request }: LoaderFunctionArgs) => {
    const url = new URL(request.url)
    const q = url.searchParams.get('q') ?? ''
    await queryClient.ensureQueryData(contactListQuery(q))
    return { q }
  }

export default function Root() {
  const { q } = useLoaderData() as Awaited<