[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-router-query":3,"mdc--b4qe0y-key":49,"related-repo-tanstack-router-query":6717,"related-org-tanstack-router-query":6822},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":23,"repoUrl":24,"updatedAt":25,"license":26,"forks":27,"topics":28,"repo":44,"sourceUrl":47,"mdContent":48},"router-query","integrate TanStack Router with Query","Integrating TanStack Router with TanStack Query: queryClient in router context, ensureQueryData\u002FprefetchQuery in loaders, useSuspenseQuery in components, defaultPreloadStaleTime: 0, setupRouterSsrQueryIntegration for SSR dehydration\u002Fhydration and streaming, per-request QueryClient isolation.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},"tanstack","TanStack","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ftanstack.png",[12,16,19,20],{"name":13,"slug":14,"type":15},"TanStack Router","tanstack-router","tag",{"name":17,"slug":18,"type":15},"React","react",{"name":9,"slug":8,"type":15},{"name":21,"slug":22,"type":15},"Frontend","frontend",14787,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Frouter","2026-07-30T05:27:06.586464",null,1761,[29,30,31,18,32,33,34,35,36,37,38,39,40,41,42,43],"framework","fullstack","javascript","route","router","routing","rpc","search","searchparams","server-functions","ssr","state-management","typesafe","typescript","url",{"repoUrl":24,"stars":23,"forks":27,"topics":45,"description":46},[29,30,31,18,32,33,34,35,36,37,38,39,40,41,42,43],"🤖 A client-first, server-capable, fully type-safe router and full-stack framework for the web (React and more).","https:\u002F\u002Fgithub.com\u002FTanStack\u002Frouter\u002Ftree\u002FHEAD\u002Fpackages\u002Freact-router\u002Fskills\u002Fcompositions\u002Frouter-query","---\nname: router-query\ndescription: >-\n  Integrating TanStack Router with TanStack Query: queryClient\n  in router context, ensureQueryData\u002FprefetchQuery in loaders,\n  useSuspenseQuery in components, defaultPreloadStaleTime: 0,\n  setupRouterSsrQueryIntegration for SSR dehydration\u002Fhydration\n  and streaming, per-request QueryClient isolation.\nmetadata:\n  type: composition\n  library: tanstack-router\n  library_version: '1.166.2'\nrequires:\n  - router-core\n  - router-core\u002Fdata-loading\n  - react-router\nsources:\n  - TanStack\u002Frouter:docs\u002Frouter\u002Fguide\u002Fexternal-data-loading.md\n  - TanStack\u002Frouter:docs\u002Frouter\u002Fintegrations\u002Fquery.md\n---\n\n# TanStack Router + TanStack Query Integration\n\nThis skill requires familiarity with both TanStack Router and TanStack Query. Read [router-core](..\u002F..\u002F..\u002F..\u002Frouter-core\u002Fskills\u002Frouter-core\u002FSKILL.md) and [react-router](..\u002F..\u002Freact-router\u002FSKILL.md) first.\n\nThis skill covers coordinating TanStack Query as an external data cache with TanStack Router's loader system. The router acts as a **coordinator** — it triggers data fetching during navigation, while Query manages caching, background refetching, and data lifecycle.\n\n> **CRITICAL**: Set `defaultPreloadStaleTime: 0` when using TanStack Query. Without this, Router's built-in preload cache (30s default) prevents Query from controlling data freshness.\n\n> **CRITICAL**: For SSR, create `QueryClient` inside the `createRouter` factory function. A module-level singleton leaks data between server requests.\n\n## Setup: QueryClient in Router Context\n\n### Basic (Client-Only)\n\n```tsx\n\u002F\u002F src\u002Fmain.tsx\nimport { QueryClient, QueryClientProvider } from '@tanstack\u002Freact-query'\nimport {\n  RouterProvider,\n  createRouter,\n  createRootRouteWithContext,\n} from '@tanstack\u002Freact-router'\nimport { routeTree } from '.\u002FrouteTree.gen'\n\n\u002F\u002F Root route declares that router context includes queryClient\n\u002F\u002F (root route file creates it with createRootRouteWithContext — see below)\n\nconst queryClient = new QueryClient()\n\nconst router = createRouter({\n  routeTree,\n  defaultPreloadStaleTime: 0, \u002F\u002F Let Query manage caching\n  context: { queryClient },\n  Wrap: ({ children }) => (\n    \u003CQueryClientProvider client={queryClient}>{children}\u003C\u002FQueryClientProvider>\n  ),\n})\n\ndeclare module '@tanstack\u002Freact-router' {\n  interface Register {\n    router: typeof router\n  }\n}\n\nfunction App() {\n  return \u003CRouterProvider router={router} \u002F>\n}\n```\n\n### Root Route with Context\n\n```tsx\n\u002F\u002F src\u002Froutes\u002F__root.tsx\nimport { createRootRouteWithContext, Outlet } from '@tanstack\u002Freact-router'\nimport type { QueryClient } from '@tanstack\u002Freact-query'\n\n\u002F\u002F Double parentheses: factory pattern\nexport const Route = createRootRouteWithContext\u003C{\n  queryClient: QueryClient\n}>()({\n  component: () => \u003COutlet \u002F>,\n})\n```\n\n### SSR-Safe Setup\n\n```tsx\n\u002F\u002F src\u002Frouter.tsx\nimport { QueryClient, QueryClientProvider } from '@tanstack\u002Freact-query'\nimport { createRouter } from '@tanstack\u002Freact-router'\nimport { routeTree } from '.\u002FrouteTree.gen'\n\nexport function createAppRouter() {\n  \u002F\u002F Fresh QueryClient per request — prevents data leaking between SSR requests\n  const queryClient = new QueryClient()\n\n  return createRouter({\n    routeTree,\n    defaultPreloadStaleTime: 0,\n    context: { queryClient },\n    Wrap: ({ children }) => (\n      \u003CQueryClientProvider client={queryClient}>{children}\u003C\u002FQueryClientProvider>\n    ),\n  })\n}\n\ndeclare module '@tanstack\u002Freact-router' {\n  interface Register {\n    router: ReturnType\u003Ctypeof createAppRouter>\n  }\n}\n```\n\n### SSR with `setupRouterSsrQueryIntegration`\n\nFor automatic SSR dehydration\u002Fhydration and streaming:\n\n```bash\nnpm install @tanstack\u002Freact-router-ssr-query\n```\n\n```tsx\n\u002F\u002F src\u002Frouter.tsx\nimport { QueryClient } from '@tanstack\u002Freact-query'\nimport { createRouter } from '@tanstack\u002Freact-router'\nimport { setupRouterSsrQueryIntegration } from '@tanstack\u002Freact-router-ssr-query'\nimport { routeTree } from '.\u002FrouteTree.gen'\n\nexport function createAppRouter() {\n  const queryClient = new QueryClient()\n\n  const router = createRouter({\n    routeTree,\n    defaultPreloadStaleTime: 0,\n    context: { queryClient },\n  })\n\n  setupRouterSsrQueryIntegration({\n    router,\n    queryClient,\n    \u002F\u002F wrapQueryClient: true (default — wraps with QueryClientProvider)\n    \u002F\u002F handleRedirects: true (default — handles redirect() from queries)\n  })\n\n  return router\n}\n```\n\nThe integration:\n\n- Dehydrates query state on the server and hydrates on the client automatically\n- Streams queries that resolve during server render to the client\n- Handles `redirect()` thrown from queries\u002Fmutations\n\n### Manual SSR Dehydration\u002FHydration (Without SSR Query Package)\n\n```tsx\n\u002F\u002F src\u002Frouter.tsx\nimport { QueryClient, dehydrate, hydrate } from '@tanstack\u002Freact-query'\nimport { QueryClientProvider } from '@tanstack\u002Freact-query'\nimport { createRouter } from '@tanstack\u002Freact-router'\nimport { routeTree } from '.\u002FrouteTree.gen'\n\nexport function createAppRouter() {\n  const queryClient = new QueryClient()\n\n  return createRouter({\n    routeTree,\n    defaultPreloadStaleTime: 0,\n    context: { queryClient },\n    dehydrate: () => ({\n      queryClientState: dehydrate(queryClient),\n    }),\n    hydrate: (dehydrated) => {\n      hydrate(queryClient, dehydrated.queryClientState)\n    },\n    Wrap: ({ children }) => (\n      \u003CQueryClientProvider client={queryClient}>{children}\u003C\u002FQueryClientProvider>\n    ),\n  })\n}\n```\n\n## Core Pattern: `ensureQueryData` in Loader + `useSuspenseQuery` in Component\n\nThis is the recommended pattern. The loader ensures data is in the cache before render (no loading flash). The component subscribes to the cache for updates.\n\n```tsx\n\u002F\u002F src\u002Froutes\u002Fposts.tsx\nimport { queryOptions, useSuspenseQuery } from '@tanstack\u002Freact-query'\nimport { createFileRoute } from '@tanstack\u002Freact-router'\n\ninterface Post {\n  id: string\n  title: string\n}\n\nconst postsQueryOptions = queryOptions({\n  queryKey: ['posts'],\n  queryFn: (): Promise\u003CArray\u003CPost>> =>\n    fetch('\u002Fapi\u002Fposts').then((r) => r.json()),\n})\n\nexport const Route = createFileRoute('\u002Fposts')({\n  loader: ({ context }) => {\n    \u002F\u002F ensureQueryData returns cached data if available, fetches if not in cache\n    \u002F\u002F To also refetch stale data, pass revalidateIfStale: true\n    return context.queryClient.ensureQueryData(postsQueryOptions)\n  },\n  component: PostsPage,\n})\n\nfunction PostsPage() {\n  \u002F\u002F useSuspenseQuery subscribes to cache — gets background updates\n  const { data: posts } = useSuspenseQuery(postsQueryOptions)\n\n  return (\n    \u003Cul>\n      {posts.map((post) => (\n        \u003Cli key={post.id}>{post.title}\u003C\u002Fli>\n      ))}\n    \u003C\u002Ful>\n  )\n}\n```\n\n### With Dynamic Params\n\n```tsx\n\u002F\u002F src\u002Froutes\u002Fposts\u002F$postId.tsx\nimport { queryOptions, useSuspenseQuery } from '@tanstack\u002Freact-query'\nimport { createFileRoute } from '@tanstack\u002Freact-router'\n\ninterface Post {\n  id: string\n  title: string\n  content: string\n}\n\nconst postQueryOptions = (postId: string) =>\n  queryOptions({\n    queryKey: ['posts', postId],\n    queryFn: () => fetch(`\u002Fapi\u002Fposts\u002F${postId}`).then((r) => r.json()),\n  })\n\nexport const Route = createFileRoute('\u002Fposts\u002F$postId')({\n  loader: ({ context, params }) => {\n    return context.queryClient.ensureQueryData(postQueryOptions(params.postId))\n  },\n  component: PostPage,\n})\n\nfunction PostPage() {\n  const { postId } = Route.useParams()\n  const { data: post } = useSuspenseQuery(postQueryOptions(postId))\n\n  return \u003Carticle>{post.title}\u003C\u002Farticle>\n}\n```\n\n## Streaming Pattern: `prefetchQuery` (Not Awaited)\n\nFor non-critical data, start the fetch without blocking navigation:\n\n```tsx\nimport { useQuery, useSuspenseQuery } from '@tanstack\u002Freact-query'\n\nexport const Route = createFileRoute('\u002Fdashboard')({\n  loader: ({ context }) => {\n    \u002F\u002F Await critical data\n    const user = context.queryClient.ensureQueryData(userQueryOptions)\n\n    \u002F\u002F Start non-critical fetch without awaiting — streams during SSR\n    context.queryClient.prefetchQuery(analyticsQueryOptions)\n\n    return user\n  },\n  component: Dashboard,\n})\n\nfunction Dashboard() {\n  \u002F\u002F Critical: suspense (data ready immediately)\n  const { data: user } = useSuspenseQuery(userQueryOptions)\n\n  \u002F\u002F Non-critical: regular query (shows loading state)\n  const { data: analytics, isLoading } = useQuery(analyticsQueryOptions)\n\n  return (\n    \u003Cdiv>\n      \u003Ch1>Welcome {user.name}\u003C\u002Fh1>\n      {isLoading ? \u003CSkeleton \u002F> : \u003CAnalyticsChart data={analytics} \u002F>}\n    \u003C\u002Fdiv>\n  )\n}\n```\n\n## Error Handling with `useQueryErrorResetBoundary`\n\n```tsx\nimport { useEffect } from 'react'\nimport { useQueryErrorResetBoundary } from '@tanstack\u002Freact-query'\nimport { useRouter } from '@tanstack\u002Freact-router'\n\nexport const Route = createFileRoute('\u002Fposts')({\n  loader: ({ context }) =>\n    context.queryClient.ensureQueryData(postsQueryOptions),\n  errorComponent: PostsErrorComponent,\n  component: PostsPage,\n})\n\nfunction PostsErrorComponent({\n  error,\n  reset,\n}: {\n  error: Error\n  reset: () => void\n}) {\n  const router = useRouter()\n  const queryErrorResetBoundary = useQueryErrorResetBoundary()\n\n  useEffect(() => {\n    queryErrorResetBoundary.reset()\n  }, [queryErrorResetBoundary])\n\n  return (\n    \u003Cdiv>\n      \u003Cp>{error.message}\u003C\u002Fp>\n      \u003Cbutton onClick={() => router.invalidate()}>Retry\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n  )\n}\n```\n\n## Common Mistakes\n\n### 1. HIGH: Not setting `defaultPreloadStaleTime` to 0\n\nRouter has a built-in preload cache (default `staleTime` for preloads is 30s). This prevents Query from controlling data freshness during preloading.\n\n```tsx\n\u002F\u002F WRONG — Router's preload cache serves stale data, Query never refetches\nconst router = createRouter({ routeTree })\n\n\u002F\u002F CORRECT — disable Router's preload cache, let Query manage freshness\nconst router = createRouter({\n  routeTree,\n  defaultPreloadStaleTime: 0,\n})\n```\n\n### 2. HIGH: Creating QueryClient outside `createRouter` for SSR\n\nA module-level singleton `QueryClient` is shared across all server requests, leaking user data between requests.\n\n```tsx\n\u002F\u002F WRONG — shared across SSR requests\nconst queryClient = new QueryClient()\nexport function createAppRouter() {\n  return createRouter({\n    routeTree,\n    context: { queryClient },\n  })\n}\n\n\u002F\u002F CORRECT — new QueryClient per createAppRouter call\nexport function createAppRouter() {\n  const queryClient = new QueryClient()\n  return createRouter({\n    routeTree,\n    context: { queryClient },\n  })\n}\n```\n\n### 3. MEDIUM: Awaiting `prefetchQuery` in loader blocks rendering\n\n`prefetchQuery` is designed to fire-and-forget. Awaiting it blocks the navigation transition until the data resolves, defeating the purpose of streaming.\n\n```tsx\n\u002F\u002F WRONG — blocks navigation, no streaming benefit\nloader: async ({ context }) => {\n  await context.queryClient.prefetchQuery(analyticsQueryOptions)\n}\n\n\u002F\u002F CORRECT — fire and forget for streaming\nloader: ({ context }) => {\n  context.queryClient.prefetchQuery(analyticsQueryOptions)\n}\n\n\u002F\u002F If you need to block (critical data), use ensureQueryData instead:\nloader: ({ context }) => {\n  return context.queryClient.ensureQueryData(criticalQueryOptions)\n}\n```\n\n### 4. HIGH: Missing double parentheses on `createRootRouteWithContext`\n\n`createRootRouteWithContext\u003CType>()` is a factory — it returns a function. The second call passes route options.\n\n```tsx\n\u002F\u002F WRONG — passing options to the factory, not the returned function\nconst rootRoute = createRootRouteWithContext\u003C{ queryClient: QueryClient }>({\n  component: RootComponent,\n})\n\n\u002F\u002F CORRECT — double call: factory()({options})\nconst rootRoute = createRootRouteWithContext\u003C{ queryClient: QueryClient }>()({\n  component: RootComponent,\n})\n```\n\n## Tension: Built-In SWR Cache vs External Cache\n\nTanStack Router has its own SWR cache (`staleTime`, `gcTime`, `defaultPreloadStaleTime`). When using Query as an external cache:\n\n- Set `defaultPreloadStaleTime: 0` to prevent Router's cache from short-circuiting Query's freshness logic\n- Router's `staleTime`\u002F`gcTime` still apply to the loader return value. For pure Query patterns, return nothing from the loader (just `ensureQueryData` for the side effect) and read data exclusively from `useSuspenseQuery`\n- `router.invalidate()` re-runs loaders (which call `ensureQueryData`), but Query decides whether to actually refetch based on its own `staleTime`\n\n## Cross-References\n\n- [router-core\u002Fdata-loading](..\u002F..\u002F..\u002F..\u002Frouter-core\u002Fskills\u002Frouter-core\u002Fdata-loading\u002FSKILL.md) — built-in loader caching fundamentals\n- [router-core\u002Fssr](..\u002F..\u002F..\u002F..\u002Frouter-core\u002Fskills\u002Frouter-core\u002Fssr\u002FSKILL.md) — SSR setup for dehydration\u002Fhydration\n",{"data":50,"body":61},{"name":4,"description":6,"metadata":51,"requires":54,"sources":58},{"type":52,"library":14,"library_version":53},"composition","1.166.2",[55,56,57],"router-core","router-core\u002Fdata-loading","react-router",[59,60],"TanStack\u002Frouter:docs\u002Frouter\u002Fguide\u002Fexternal-data-loading.md","TanStack\u002Frouter:docs\u002Frouter\u002Fintegrations\u002Fquery.md",{"type":62,"children":63},"root",[64,73,94,107,130,158,165,172,843,849,1075,1081,1561,1573,1578,1605,2014,2019,2047,2053,2622,2644,2649,3484,3490,4254,4268,4273,4907,4919,5598,5604,5618,5631,5769,5782,5794,6066,6079,6089,6369,6381,6392,6580,6586,6612,6681,6687,6711],{"type":65,"tag":66,"props":67,"children":69},"element","h1",{"id":68},"tanstack-router-tanstack-query-integration",[70],{"type":71,"value":72},"text","TanStack Router + TanStack Query Integration",{"type":65,"tag":74,"props":75,"children":76},"p",{},[77,79,85,87,92],{"type":71,"value":78},"This skill requires familiarity with both TanStack Router and TanStack Query. Read ",{"type":65,"tag":80,"props":81,"children":83},"a",{"href":82},"..\u002F..\u002F..\u002F..\u002Frouter-core\u002Fskills\u002Frouter-core\u002FSKILL.md",[84],{"type":71,"value":55},{"type":71,"value":86}," and ",{"type":65,"tag":80,"props":88,"children":90},{"href":89},"..\u002F..\u002Freact-router\u002FSKILL.md",[91],{"type":71,"value":57},{"type":71,"value":93}," first.",{"type":65,"tag":74,"props":95,"children":96},{},[97,99,105],{"type":71,"value":98},"This skill covers coordinating TanStack Query as an external data cache with TanStack Router's loader system. The router acts as a ",{"type":65,"tag":100,"props":101,"children":102},"strong",{},[103],{"type":71,"value":104},"coordinator",{"type":71,"value":106}," — it triggers data fetching during navigation, while Query manages caching, background refetching, and data lifecycle.",{"type":65,"tag":108,"props":109,"children":110},"blockquote",{},[111],{"type":65,"tag":74,"props":112,"children":113},{},[114,119,121,128],{"type":65,"tag":100,"props":115,"children":116},{},[117],{"type":71,"value":118},"CRITICAL",{"type":71,"value":120},": Set ",{"type":65,"tag":122,"props":123,"children":125},"code",{"className":124},[],[126],{"type":71,"value":127},"defaultPreloadStaleTime: 0",{"type":71,"value":129}," when using TanStack Query. Without this, Router's built-in preload cache (30s default) prevents Query from controlling data freshness.",{"type":65,"tag":108,"props":131,"children":132},{},[133],{"type":65,"tag":74,"props":134,"children":135},{},[136,140,142,148,150,156],{"type":65,"tag":100,"props":137,"children":138},{},[139],{"type":71,"value":118},{"type":71,"value":141},": For SSR, create ",{"type":65,"tag":122,"props":143,"children":145},{"className":144},[],[146],{"type":71,"value":147},"QueryClient",{"type":71,"value":149}," inside the ",{"type":65,"tag":122,"props":151,"children":153},{"className":152},[],[154],{"type":71,"value":155},"createRouter",{"type":71,"value":157}," factory function. A module-level singleton leaks data between server requests.",{"type":65,"tag":159,"props":160,"children":162},"h2",{"id":161},"setup-queryclient-in-router-context",[163],{"type":71,"value":164},"Setup: QueryClient in Router Context",{"type":65,"tag":166,"props":167,"children":169},"h3",{"id":168},"basic-client-only",[170],{"type":71,"value":171},"Basic (Client-Only)",{"type":65,"tag":173,"props":174,"children":179},"pre",{"className":175,"code":176,"language":177,"meta":178,"style":178},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F src\u002Fmain.tsx\nimport { QueryClient, QueryClientProvider } from '@tanstack\u002Freact-query'\nimport {\n  RouterProvider,\n  createRouter,\n  createRootRouteWithContext,\n} from '@tanstack\u002Freact-router'\nimport { routeTree } from '.\u002FrouteTree.gen'\n\n\u002F\u002F Root route declares that router context includes queryClient\n\u002F\u002F (root route file creates it with createRootRouteWithContext — see below)\n\nconst queryClient = new QueryClient()\n\nconst router = createRouter({\n  routeTree,\n  defaultPreloadStaleTime: 0, \u002F\u002F Let Query manage caching\n  context: { queryClient },\n  Wrap: ({ children }) => (\n    \u003CQueryClientProvider client={queryClient}>{children}\u003C\u002FQueryClientProvider>\n  ),\n})\n\ndeclare module '@tanstack\u002Freact-router' {\n  interface Register {\n    router: typeof router\n  }\n}\n\nfunction App() {\n  return \u003CRouterProvider router={router} \u002F>\n}\n","tsx","",[180],{"type":65,"tag":122,"props":181,"children":182},{"__ignoreMap":178},[183,195,253,266,280,293,306,332,370,380,389,398,406,441,449,481,494,524,550,589,643,656,669,677,708,726,749,758,767,775,798,835],{"type":65,"tag":184,"props":185,"children":188},"span",{"class":186,"line":187},"line",1,[189],{"type":65,"tag":184,"props":190,"children":192},{"style":191},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[193],{"type":71,"value":194},"\u002F\u002F src\u002Fmain.tsx\n",{"type":65,"tag":184,"props":196,"children":198},{"class":186,"line":197},2,[199,205,211,217,222,227,232,237,242,248],{"type":65,"tag":184,"props":200,"children":202},{"style":201},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[203],{"type":71,"value":204},"import",{"type":65,"tag":184,"props":206,"children":208},{"style":207},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[209],{"type":71,"value":210}," {",{"type":65,"tag":184,"props":212,"children":214},{"style":213},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[215],{"type":71,"value":216}," QueryClient",{"type":65,"tag":184,"props":218,"children":219},{"style":207},[220],{"type":71,"value":221},",",{"type":65,"tag":184,"props":223,"children":224},{"style":213},[225],{"type":71,"value":226}," QueryClientProvider",{"type":65,"tag":184,"props":228,"children":229},{"style":207},[230],{"type":71,"value":231}," }",{"type":65,"tag":184,"props":233,"children":234},{"style":201},[235],{"type":71,"value":236}," from",{"type":65,"tag":184,"props":238,"children":239},{"style":207},[240],{"type":71,"value":241}," '",{"type":65,"tag":184,"props":243,"children":245},{"style":244},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[246],{"type":71,"value":247},"@tanstack\u002Freact-query",{"type":65,"tag":184,"props":249,"children":250},{"style":207},[251],{"type":71,"value":252},"'\n",{"type":65,"tag":184,"props":254,"children":256},{"class":186,"line":255},3,[257,261],{"type":65,"tag":184,"props":258,"children":259},{"style":201},[260],{"type":71,"value":204},{"type":65,"tag":184,"props":262,"children":263},{"style":207},[264],{"type":71,"value":265}," {\n",{"type":65,"tag":184,"props":267,"children":269},{"class":186,"line":268},4,[270,275],{"type":65,"tag":184,"props":271,"children":272},{"style":213},[273],{"type":71,"value":274},"  RouterProvider",{"type":65,"tag":184,"props":276,"children":277},{"style":207},[278],{"type":71,"value":279},",\n",{"type":65,"tag":184,"props":281,"children":283},{"class":186,"line":282},5,[284,289],{"type":65,"tag":184,"props":285,"children":286},{"style":213},[287],{"type":71,"value":288},"  createRouter",{"type":65,"tag":184,"props":290,"children":291},{"style":207},[292],{"type":71,"value":279},{"type":65,"tag":184,"props":294,"children":296},{"class":186,"line":295},6,[297,302],{"type":65,"tag":184,"props":298,"children":299},{"style":213},[300],{"type":71,"value":301},"  createRootRouteWithContext",{"type":65,"tag":184,"props":303,"children":304},{"style":207},[305],{"type":71,"value":279},{"type":65,"tag":184,"props":307,"children":309},{"class":186,"line":308},7,[310,315,319,323,328],{"type":65,"tag":184,"props":311,"children":312},{"style":207},[313],{"type":71,"value":314},"}",{"type":65,"tag":184,"props":316,"children":317},{"style":201},[318],{"type":71,"value":236},{"type":65,"tag":184,"props":320,"children":321},{"style":207},[322],{"type":71,"value":241},{"type":65,"tag":184,"props":324,"children":325},{"style":244},[326],{"type":71,"value":327},"@tanstack\u002Freact-router",{"type":65,"tag":184,"props":329,"children":330},{"style":207},[331],{"type":71,"value":252},{"type":65,"tag":184,"props":333,"children":335},{"class":186,"line":334},8,[336,340,344,349,353,357,361,366],{"type":65,"tag":184,"props":337,"children":338},{"style":201},[339],{"type":71,"value":204},{"type":65,"tag":184,"props":341,"children":342},{"style":207},[343],{"type":71,"value":210},{"type":65,"tag":184,"props":345,"children":346},{"style":213},[347],{"type":71,"value":348}," routeTree",{"type":65,"tag":184,"props":350,"children":351},{"style":207},[352],{"type":71,"value":231},{"type":65,"tag":184,"props":354,"children":355},{"style":201},[356],{"type":71,"value":236},{"type":65,"tag":184,"props":358,"children":359},{"style":207},[360],{"type":71,"value":241},{"type":65,"tag":184,"props":362,"children":363},{"style":244},[364],{"type":71,"value":365},".\u002FrouteTree.gen",{"type":65,"tag":184,"props":367,"children":368},{"style":207},[369],{"type":71,"value":252},{"type":65,"tag":184,"props":371,"children":373},{"class":186,"line":372},9,[374],{"type":65,"tag":184,"props":375,"children":377},{"emptyLinePlaceholder":376},true,[378],{"type":71,"value":379},"\n",{"type":65,"tag":184,"props":381,"children":383},{"class":186,"line":382},10,[384],{"type":65,"tag":184,"props":385,"children":386},{"style":191},[387],{"type":71,"value":388},"\u002F\u002F Root route declares that router context includes queryClient\n",{"type":65,"tag":184,"props":390,"children":392},{"class":186,"line":391},11,[393],{"type":65,"tag":184,"props":394,"children":395},{"style":191},[396],{"type":71,"value":397},"\u002F\u002F (root route file creates it with createRootRouteWithContext — see below)\n",{"type":65,"tag":184,"props":399,"children":401},{"class":186,"line":400},12,[402],{"type":65,"tag":184,"props":403,"children":404},{"emptyLinePlaceholder":376},[405],{"type":71,"value":379},{"type":65,"tag":184,"props":407,"children":409},{"class":186,"line":408},13,[410,416,421,426,431,436],{"type":65,"tag":184,"props":411,"children":413},{"style":412},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[414],{"type":71,"value":415},"const",{"type":65,"tag":184,"props":417,"children":418},{"style":213},[419],{"type":71,"value":420}," queryClient ",{"type":65,"tag":184,"props":422,"children":423},{"style":207},[424],{"type":71,"value":425},"=",{"type":65,"tag":184,"props":427,"children":428},{"style":207},[429],{"type":71,"value":430}," new",{"type":65,"tag":184,"props":432,"children":434},{"style":433},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[435],{"type":71,"value":216},{"type":65,"tag":184,"props":437,"children":438},{"style":213},[439],{"type":71,"value":440},"()\n",{"type":65,"tag":184,"props":442,"children":444},{"class":186,"line":443},14,[445],{"type":65,"tag":184,"props":446,"children":447},{"emptyLinePlaceholder":376},[448],{"type":71,"value":379},{"type":65,"tag":184,"props":450,"children":452},{"class":186,"line":451},15,[453,457,462,466,471,476],{"type":65,"tag":184,"props":454,"children":455},{"style":412},[456],{"type":71,"value":415},{"type":65,"tag":184,"props":458,"children":459},{"style":213},[460],{"type":71,"value":461}," router ",{"type":65,"tag":184,"props":463,"children":464},{"style":207},[465],{"type":71,"value":425},{"type":65,"tag":184,"props":467,"children":468},{"style":433},[469],{"type":71,"value":470}," createRouter",{"type":65,"tag":184,"props":472,"children":473},{"style":213},[474],{"type":71,"value":475},"(",{"type":65,"tag":184,"props":477,"children":478},{"style":207},[479],{"type":71,"value":480},"{\n",{"type":65,"tag":184,"props":482,"children":484},{"class":186,"line":483},16,[485,490],{"type":65,"tag":184,"props":486,"children":487},{"style":213},[488],{"type":71,"value":489},"  routeTree",{"type":65,"tag":184,"props":491,"children":492},{"style":207},[493],{"type":71,"value":279},{"type":65,"tag":184,"props":495,"children":497},{"class":186,"line":496},17,[498,504,509,515,519],{"type":65,"tag":184,"props":499,"children":501},{"style":500},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[502],{"type":71,"value":503},"  defaultPreloadStaleTime",{"type":65,"tag":184,"props":505,"children":506},{"style":207},[507],{"type":71,"value":508},":",{"type":65,"tag":184,"props":510,"children":512},{"style":511},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[513],{"type":71,"value":514}," 0",{"type":65,"tag":184,"props":516,"children":517},{"style":207},[518],{"type":71,"value":221},{"type":65,"tag":184,"props":520,"children":521},{"style":191},[522],{"type":71,"value":523}," \u002F\u002F Let Query manage caching\n",{"type":65,"tag":184,"props":525,"children":527},{"class":186,"line":526},18,[528,533,537,541,545],{"type":65,"tag":184,"props":529,"children":530},{"style":500},[531],{"type":71,"value":532},"  context",{"type":65,"tag":184,"props":534,"children":535},{"style":207},[536],{"type":71,"value":508},{"type":65,"tag":184,"props":538,"children":539},{"style":207},[540],{"type":71,"value":210},{"type":65,"tag":184,"props":542,"children":543},{"style":213},[544],{"type":71,"value":420},{"type":65,"tag":184,"props":546,"children":547},{"style":207},[548],{"type":71,"value":549},"},\n",{"type":65,"tag":184,"props":551,"children":553},{"class":186,"line":552},19,[554,559,563,568,574,579,584],{"type":65,"tag":184,"props":555,"children":556},{"style":433},[557],{"type":71,"value":558},"  Wrap",{"type":65,"tag":184,"props":560,"children":561},{"style":207},[562],{"type":71,"value":508},{"type":65,"tag":184,"props":564,"children":565},{"style":207},[566],{"type":71,"value":567}," ({",{"type":65,"tag":184,"props":569,"children":571},{"style":570},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[572],{"type":71,"value":573}," children",{"type":65,"tag":184,"props":575,"children":576},{"style":207},[577],{"type":71,"value":578}," })",{"type":65,"tag":184,"props":580,"children":581},{"style":412},[582],{"type":71,"value":583}," =>",{"type":65,"tag":184,"props":585,"children":586},{"style":213},[587],{"type":71,"value":588}," (\n",{"type":65,"tag":184,"props":590,"children":592},{"class":186,"line":591},20,[593,598,604,609,614,619,624,629,634,638],{"type":65,"tag":184,"props":594,"children":595},{"style":207},[596],{"type":71,"value":597},"    \u003C",{"type":65,"tag":184,"props":599,"children":601},{"style":600},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[602],{"type":71,"value":603},"QueryClientProvider",{"type":65,"tag":184,"props":605,"children":606},{"style":412},[607],{"type":71,"value":608}," client",{"type":65,"tag":184,"props":610,"children":611},{"style":207},[612],{"type":71,"value":613},"={",{"type":65,"tag":184,"props":615,"children":616},{"style":213},[617],{"type":71,"value":618},"queryClient",{"type":65,"tag":184,"props":620,"children":621},{"style":207},[622],{"type":71,"value":623},"}>{",{"type":65,"tag":184,"props":625,"children":626},{"style":213},[627],{"type":71,"value":628},"children",{"type":65,"tag":184,"props":630,"children":631},{"style":207},[632],{"type":71,"value":633},"}\u003C\u002F",{"type":65,"tag":184,"props":635,"children":636},{"style":600},[637],{"type":71,"value":603},{"type":65,"tag":184,"props":639,"children":640},{"style":207},[641],{"type":71,"value":642},">\n",{"type":65,"tag":184,"props":644,"children":646},{"class":186,"line":645},21,[647,652],{"type":65,"tag":184,"props":648,"children":649},{"style":213},[650],{"type":71,"value":651},"  )",{"type":65,"tag":184,"props":653,"children":654},{"style":207},[655],{"type":71,"value":279},{"type":65,"tag":184,"props":657,"children":659},{"class":186,"line":658},22,[660,664],{"type":65,"tag":184,"props":661,"children":662},{"style":207},[663],{"type":71,"value":314},{"type":65,"tag":184,"props":665,"children":666},{"style":213},[667],{"type":71,"value":668},")\n",{"type":65,"tag":184,"props":670,"children":672},{"class":186,"line":671},23,[673],{"type":65,"tag":184,"props":674,"children":675},{"emptyLinePlaceholder":376},[676],{"type":71,"value":379},{"type":65,"tag":184,"props":678,"children":680},{"class":186,"line":679},24,[681,686,691,695,699,704],{"type":65,"tag":184,"props":682,"children":683},{"style":412},[684],{"type":71,"value":685},"declare",{"type":65,"tag":184,"props":687,"children":688},{"style":412},[689],{"type":71,"value":690}," module",{"type":65,"tag":184,"props":692,"children":693},{"style":207},[694],{"type":71,"value":241},{"type":65,"tag":184,"props":696,"children":697},{"style":244},[698],{"type":71,"value":327},{"type":65,"tag":184,"props":700,"children":701},{"style":207},[702],{"type":71,"value":703},"'",{"type":65,"tag":184,"props":705,"children":706},{"style":207},[707],{"type":71,"value":265},{"type":65,"tag":184,"props":709,"children":711},{"class":186,"line":710},25,[712,717,722],{"type":65,"tag":184,"props":713,"children":714},{"style":412},[715],{"type":71,"value":716},"  interface",{"type":65,"tag":184,"props":718,"children":719},{"style":600},[720],{"type":71,"value":721}," Register",{"type":65,"tag":184,"props":723,"children":724},{"style":207},[725],{"type":71,"value":265},{"type":65,"tag":184,"props":727,"children":729},{"class":186,"line":728},26,[730,735,739,744],{"type":65,"tag":184,"props":731,"children":732},{"style":500},[733],{"type":71,"value":734},"    router",{"type":65,"tag":184,"props":736,"children":737},{"style":207},[738],{"type":71,"value":508},{"type":65,"tag":184,"props":740,"children":741},{"style":207},[742],{"type":71,"value":743}," typeof",{"type":65,"tag":184,"props":745,"children":746},{"style":213},[747],{"type":71,"value":748}," router\n",{"type":65,"tag":184,"props":750,"children":752},{"class":186,"line":751},27,[753],{"type":65,"tag":184,"props":754,"children":755},{"style":207},[756],{"type":71,"value":757},"  }\n",{"type":65,"tag":184,"props":759,"children":761},{"class":186,"line":760},28,[762],{"type":65,"tag":184,"props":763,"children":764},{"style":207},[765],{"type":71,"value":766},"}\n",{"type":65,"tag":184,"props":768,"children":770},{"class":186,"line":769},29,[771],{"type":65,"tag":184,"props":772,"children":773},{"emptyLinePlaceholder":376},[774],{"type":71,"value":379},{"type":65,"tag":184,"props":776,"children":778},{"class":186,"line":777},30,[779,784,789,794],{"type":65,"tag":184,"props":780,"children":781},{"style":412},[782],{"type":71,"value":783},"function",{"type":65,"tag":184,"props":785,"children":786},{"style":433},[787],{"type":71,"value":788}," App",{"type":65,"tag":184,"props":790,"children":791},{"style":207},[792],{"type":71,"value":793},"()",{"type":65,"tag":184,"props":795,"children":796},{"style":207},[797],{"type":71,"value":265},{"type":65,"tag":184,"props":799,"children":801},{"class":186,"line":800},31,[802,807,812,817,822,826,830],{"type":65,"tag":184,"props":803,"children":804},{"style":201},[805],{"type":71,"value":806},"  return",{"type":65,"tag":184,"props":808,"children":809},{"style":207},[810],{"type":71,"value":811}," \u003C",{"type":65,"tag":184,"props":813,"children":814},{"style":600},[815],{"type":71,"value":816},"RouterProvider",{"type":65,"tag":184,"props":818,"children":819},{"style":412},[820],{"type":71,"value":821}," router",{"type":65,"tag":184,"props":823,"children":824},{"style":207},[825],{"type":71,"value":613},{"type":65,"tag":184,"props":827,"children":828},{"style":213},[829],{"type":71,"value":33},{"type":65,"tag":184,"props":831,"children":832},{"style":207},[833],{"type":71,"value":834},"} \u002F>\n",{"type":65,"tag":184,"props":836,"children":838},{"class":186,"line":837},32,[839],{"type":65,"tag":184,"props":840,"children":841},{"style":207},[842],{"type":71,"value":766},{"type":65,"tag":166,"props":844,"children":846},{"id":845},"root-route-with-context",[847],{"type":71,"value":848},"Root Route with Context",{"type":65,"tag":173,"props":850,"children":852},{"className":175,"code":851,"language":177,"meta":178,"style":178},"\u002F\u002F src\u002Froutes\u002F__root.tsx\nimport { createRootRouteWithContext, Outlet } from '@tanstack\u002Freact-router'\nimport type { QueryClient } from '@tanstack\u002Freact-query'\n\n\u002F\u002F Double parentheses: factory pattern\nexport const Route = createRootRouteWithContext\u003C{\n  queryClient: QueryClient\n}>()({\n  component: () => \u003COutlet \u002F>,\n})\n",[853],{"type":65,"tag":122,"props":854,"children":855},{"__ignoreMap":178},[856,864,909,949,956,964,995,1012,1029,1064],{"type":65,"tag":184,"props":857,"children":858},{"class":186,"line":187},[859],{"type":65,"tag":184,"props":860,"children":861},{"style":191},[862],{"type":71,"value":863},"\u002F\u002F src\u002Froutes\u002F__root.tsx\n",{"type":65,"tag":184,"props":865,"children":866},{"class":186,"line":197},[867,871,875,880,884,889,893,897,901,905],{"type":65,"tag":184,"props":868,"children":869},{"style":201},[870],{"type":71,"value":204},{"type":65,"tag":184,"props":872,"children":873},{"style":207},[874],{"type":71,"value":210},{"type":65,"tag":184,"props":876,"children":877},{"style":213},[878],{"type":71,"value":879}," createRootRouteWithContext",{"type":65,"tag":184,"props":881,"children":882},{"style":207},[883],{"type":71,"value":221},{"type":65,"tag":184,"props":885,"children":886},{"style":213},[887],{"type":71,"value":888}," Outlet",{"type":65,"tag":184,"props":890,"children":891},{"style":207},[892],{"type":71,"value":231},{"type":65,"tag":184,"props":894,"children":895},{"style":201},[896],{"type":71,"value":236},{"type":65,"tag":184,"props":898,"children":899},{"style":207},[900],{"type":71,"value":241},{"type":65,"tag":184,"props":902,"children":903},{"style":244},[904],{"type":71,"value":327},{"type":65,"tag":184,"props":906,"children":907},{"style":207},[908],{"type":71,"value":252},{"type":65,"tag":184,"props":910,"children":911},{"class":186,"line":255},[912,916,921,925,929,933,937,941,945],{"type":65,"tag":184,"props":913,"children":914},{"style":201},[915],{"type":71,"value":204},{"type":65,"tag":184,"props":917,"children":918},{"style":201},[919],{"type":71,"value":920}," type",{"type":65,"tag":184,"props":922,"children":923},{"style":207},[924],{"type":71,"value":210},{"type":65,"tag":184,"props":926,"children":927},{"style":213},[928],{"type":71,"value":216},{"type":65,"tag":184,"props":930,"children":931},{"style":207},[932],{"type":71,"value":231},{"type":65,"tag":184,"props":934,"children":935},{"style":201},[936],{"type":71,"value":236},{"type":65,"tag":184,"props":938,"children":939},{"style":207},[940],{"type":71,"value":241},{"type":65,"tag":184,"props":942,"children":943},{"style":244},[944],{"type":71,"value":247},{"type":65,"tag":184,"props":946,"children":947},{"style":207},[948],{"type":71,"value":252},{"type":65,"tag":184,"props":950,"children":951},{"class":186,"line":268},[952],{"type":65,"tag":184,"props":953,"children":954},{"emptyLinePlaceholder":376},[955],{"type":71,"value":379},{"type":65,"tag":184,"props":957,"children":958},{"class":186,"line":282},[959],{"type":65,"tag":184,"props":960,"children":961},{"style":191},[962],{"type":71,"value":963},"\u002F\u002F Double parentheses: factory pattern\n",{"type":65,"tag":184,"props":965,"children":966},{"class":186,"line":295},[967,972,977,982,986,990],{"type":65,"tag":184,"props":968,"children":969},{"style":201},[970],{"type":71,"value":971},"export",{"type":65,"tag":184,"props":973,"children":974},{"style":412},[975],{"type":71,"value":976}," const",{"type":65,"tag":184,"props":978,"children":979},{"style":213},[980],{"type":71,"value":981}," Route ",{"type":65,"tag":184,"props":983,"children":984},{"style":207},[985],{"type":71,"value":425},{"type":65,"tag":184,"props":987,"children":988},{"style":433},[989],{"type":71,"value":879},{"type":65,"tag":184,"props":991,"children":992},{"style":207},[993],{"type":71,"value":994},"\u003C{\n",{"type":65,"tag":184,"props":996,"children":997},{"class":186,"line":308},[998,1003,1007],{"type":65,"tag":184,"props":999,"children":1000},{"style":500},[1001],{"type":71,"value":1002},"  queryClient",{"type":65,"tag":184,"props":1004,"children":1005},{"style":207},[1006],{"type":71,"value":508},{"type":65,"tag":184,"props":1008,"children":1009},{"style":600},[1010],{"type":71,"value":1011}," QueryClient\n",{"type":65,"tag":184,"props":1013,"children":1014},{"class":186,"line":334},[1015,1020,1025],{"type":65,"tag":184,"props":1016,"children":1017},{"style":207},[1018],{"type":71,"value":1019},"}>",{"type":65,"tag":184,"props":1021,"children":1022},{"style":213},[1023],{"type":71,"value":1024},"()(",{"type":65,"tag":184,"props":1026,"children":1027},{"style":207},[1028],{"type":71,"value":480},{"type":65,"tag":184,"props":1030,"children":1031},{"class":186,"line":372},[1032,1037,1041,1046,1050,1054,1059],{"type":65,"tag":184,"props":1033,"children":1034},{"style":433},[1035],{"type":71,"value":1036},"  component",{"type":65,"tag":184,"props":1038,"children":1039},{"style":207},[1040],{"type":71,"value":508},{"type":65,"tag":184,"props":1042,"children":1043},{"style":207},[1044],{"type":71,"value":1045}," ()",{"type":65,"tag":184,"props":1047,"children":1048},{"style":412},[1049],{"type":71,"value":583},{"type":65,"tag":184,"props":1051,"children":1052},{"style":207},[1053],{"type":71,"value":811},{"type":65,"tag":184,"props":1055,"children":1056},{"style":600},[1057],{"type":71,"value":1058},"Outlet",{"type":65,"tag":184,"props":1060,"children":1061},{"style":207},[1062],{"type":71,"value":1063}," \u002F>,\n",{"type":65,"tag":184,"props":1065,"children":1066},{"class":186,"line":382},[1067,1071],{"type":65,"tag":184,"props":1068,"children":1069},{"style":207},[1070],{"type":71,"value":314},{"type":65,"tag":184,"props":1072,"children":1073},{"style":213},[1074],{"type":71,"value":668},{"type":65,"tag":166,"props":1076,"children":1078},{"id":1077},"ssr-safe-setup",[1079],{"type":71,"value":1080},"SSR-Safe Setup",{"type":65,"tag":173,"props":1082,"children":1084},{"className":175,"code":1083,"language":177,"meta":178,"style":178},"\u002F\u002F src\u002Frouter.tsx\nimport { QueryClient, QueryClientProvider } from '@tanstack\u002Freact-query'\nimport { createRouter } from '@tanstack\u002Freact-router'\nimport { routeTree } from '.\u002FrouteTree.gen'\n\nexport function createAppRouter() {\n  \u002F\u002F Fresh QueryClient per request — prevents data leaking between SSR requests\n  const queryClient = new QueryClient()\n\n  return createRouter({\n    routeTree,\n    defaultPreloadStaleTime: 0,\n    context: { queryClient },\n    Wrap: ({ children }) => (\n      \u003CQueryClientProvider client={queryClient}>{children}\u003C\u002FQueryClientProvider>\n    ),\n  })\n}\n\ndeclare module '@tanstack\u002Freact-router' {\n  interface Register {\n    router: ReturnType\u003Ctypeof createAppRouter>\n  }\n}\n",[1085],{"type":65,"tag":122,"props":1086,"children":1087},{"__ignoreMap":178},[1088,1096,1139,1174,1209,1216,1241,1249,1279,1286,1305,1317,1337,1362,1394,1438,1450,1462,1469,1476,1503,1518,1547,1554],{"type":65,"tag":184,"props":1089,"children":1090},{"class":186,"line":187},[1091],{"type":65,"tag":184,"props":1092,"children":1093},{"style":191},[1094],{"type":71,"value":1095},"\u002F\u002F src\u002Frouter.tsx\n",{"type":65,"tag":184,"props":1097,"children":1098},{"class":186,"line":197},[1099,1103,1107,1111,1115,1119,1123,1127,1131,1135],{"type":65,"tag":184,"props":1100,"children":1101},{"style":201},[1102],{"type":71,"value":204},{"type":65,"tag":184,"props":1104,"children":1105},{"style":207},[1106],{"type":71,"value":210},{"type":65,"tag":184,"props":1108,"children":1109},{"style":213},[1110],{"type":71,"value":216},{"type":65,"tag":184,"props":1112,"children":1113},{"style":207},[1114],{"type":71,"value":221},{"type":65,"tag":184,"props":1116,"children":1117},{"style":213},[1118],{"type":71,"value":226},{"type":65,"tag":184,"props":1120,"children":1121},{"style":207},[1122],{"type":71,"value":231},{"type":65,"tag":184,"props":1124,"children":1125},{"style":201},[1126],{"type":71,"value":236},{"type":65,"tag":184,"props":1128,"children":1129},{"style":207},[1130],{"type":71,"value":241},{"type":65,"tag":184,"props":1132,"children":1133},{"style":244},[1134],{"type":71,"value":247},{"type":65,"tag":184,"props":1136,"children":1137},{"style":207},[1138],{"type":71,"value":252},{"type":65,"tag":184,"props":1140,"children":1141},{"class":186,"line":255},[1142,1146,1150,1154,1158,1162,1166,1170],{"type":65,"tag":184,"props":1143,"children":1144},{"style":201},[1145],{"type":71,"value":204},{"type":65,"tag":184,"props":1147,"children":1148},{"style":207},[1149],{"type":71,"value":210},{"type":65,"tag":184,"props":1151,"children":1152},{"style":213},[1153],{"type":71,"value":470},{"type":65,"tag":184,"props":1155,"children":1156},{"style":207},[1157],{"type":71,"value":231},{"type":65,"tag":184,"props":1159,"children":1160},{"style":201},[1161],{"type":71,"value":236},{"type":65,"tag":184,"props":1163,"children":1164},{"style":207},[1165],{"type":71,"value":241},{"type":65,"tag":184,"props":1167,"children":1168},{"style":244},[1169],{"type":71,"value":327},{"type":65,"tag":184,"props":1171,"children":1172},{"style":207},[1173],{"type":71,"value":252},{"type":65,"tag":184,"props":1175,"children":1176},{"class":186,"line":268},[1177,1181,1185,1189,1193,1197,1201,1205],{"type":65,"tag":184,"props":1178,"children":1179},{"style":201},[1180],{"type":71,"value":204},{"type":65,"tag":184,"props":1182,"children":1183},{"style":207},[1184],{"type":71,"value":210},{"type":65,"tag":184,"props":1186,"children":1187},{"style":213},[1188],{"type":71,"value":348},{"type":65,"tag":184,"props":1190,"children":1191},{"style":207},[1192],{"type":71,"value":231},{"type":65,"tag":184,"props":1194,"children":1195},{"style":201},[1196],{"type":71,"value":236},{"type":65,"tag":184,"props":1198,"children":1199},{"style":207},[1200],{"type":71,"value":241},{"type":65,"tag":184,"props":1202,"children":1203},{"style":244},[1204],{"type":71,"value":365},{"type":65,"tag":184,"props":1206,"children":1207},{"style":207},[1208],{"type":71,"value":252},{"type":65,"tag":184,"props":1210,"children":1211},{"class":186,"line":282},[1212],{"type":65,"tag":184,"props":1213,"children":1214},{"emptyLinePlaceholder":376},[1215],{"type":71,"value":379},{"type":65,"tag":184,"props":1217,"children":1218},{"class":186,"line":295},[1219,1223,1228,1233,1237],{"type":65,"tag":184,"props":1220,"children":1221},{"style":201},[1222],{"type":71,"value":971},{"type":65,"tag":184,"props":1224,"children":1225},{"style":412},[1226],{"type":71,"value":1227}," function",{"type":65,"tag":184,"props":1229,"children":1230},{"style":433},[1231],{"type":71,"value":1232}," createAppRouter",{"type":65,"tag":184,"props":1234,"children":1235},{"style":207},[1236],{"type":71,"value":793},{"type":65,"tag":184,"props":1238,"children":1239},{"style":207},[1240],{"type":71,"value":265},{"type":65,"tag":184,"props":1242,"children":1243},{"class":186,"line":308},[1244],{"type":65,"tag":184,"props":1245,"children":1246},{"style":191},[1247],{"type":71,"value":1248},"  \u002F\u002F Fresh QueryClient per request — prevents data leaking between SSR requests\n",{"type":65,"tag":184,"props":1250,"children":1251},{"class":186,"line":334},[1252,1257,1262,1267,1271,1275],{"type":65,"tag":184,"props":1253,"children":1254},{"style":412},[1255],{"type":71,"value":1256},"  const",{"type":65,"tag":184,"props":1258,"children":1259},{"style":213},[1260],{"type":71,"value":1261}," queryClient",{"type":65,"tag":184,"props":1263,"children":1264},{"style":207},[1265],{"type":71,"value":1266}," =",{"type":65,"tag":184,"props":1268,"children":1269},{"style":207},[1270],{"type":71,"value":430},{"type":65,"tag":184,"props":1272,"children":1273},{"style":433},[1274],{"type":71,"value":216},{"type":65,"tag":184,"props":1276,"children":1277},{"style":500},[1278],{"type":71,"value":440},{"type":65,"tag":184,"props":1280,"children":1281},{"class":186,"line":372},[1282],{"type":65,"tag":184,"props":1283,"children":1284},{"emptyLinePlaceholder":376},[1285],{"type":71,"value":379},{"type":65,"tag":184,"props":1287,"children":1288},{"class":186,"line":382},[1289,1293,1297,1301],{"type":65,"tag":184,"props":1290,"children":1291},{"style":201},[1292],{"type":71,"value":806},{"type":65,"tag":184,"props":1294,"children":1295},{"style":433},[1296],{"type":71,"value":470},{"type":65,"tag":184,"props":1298,"children":1299},{"style":500},[1300],{"type":71,"value":475},{"type":65,"tag":184,"props":1302,"children":1303},{"style":207},[1304],{"type":71,"value":480},{"type":65,"tag":184,"props":1306,"children":1307},{"class":186,"line":391},[1308,1313],{"type":65,"tag":184,"props":1309,"children":1310},{"style":213},[1311],{"type":71,"value":1312},"    routeTree",{"type":65,"tag":184,"props":1314,"children":1315},{"style":207},[1316],{"type":71,"value":279},{"type":65,"tag":184,"props":1318,"children":1319},{"class":186,"line":400},[1320,1325,1329,1333],{"type":65,"tag":184,"props":1321,"children":1322},{"style":500},[1323],{"type":71,"value":1324},"    defaultPreloadStaleTime",{"type":65,"tag":184,"props":1326,"children":1327},{"style":207},[1328],{"type":71,"value":508},{"type":65,"tag":184,"props":1330,"children":1331},{"style":511},[1332],{"type":71,"value":514},{"type":65,"tag":184,"props":1334,"children":1335},{"style":207},[1336],{"type":71,"value":279},{"type":65,"tag":184,"props":1338,"children":1339},{"class":186,"line":408},[1340,1345,1349,1353,1357],{"type":65,"tag":184,"props":1341,"children":1342},{"style":500},[1343],{"type":71,"value":1344},"    context",{"type":65,"tag":184,"props":1346,"children":1347},{"style":207},[1348],{"type":71,"value":508},{"type":65,"tag":184,"props":1350,"children":1351},{"style":207},[1352],{"type":71,"value":210},{"type":65,"tag":184,"props":1354,"children":1355},{"style":213},[1356],{"type":71,"value":1261},{"type":65,"tag":184,"props":1358,"children":1359},{"style":207},[1360],{"type":71,"value":1361}," },\n",{"type":65,"tag":184,"props":1363,"children":1364},{"class":186,"line":443},[1365,1370,1374,1378,1382,1386,1390],{"type":65,"tag":184,"props":1366,"children":1367},{"style":433},[1368],{"type":71,"value":1369},"    Wrap",{"type":65,"tag":184,"props":1371,"children":1372},{"style":207},[1373],{"type":71,"value":508},{"type":65,"tag":184,"props":1375,"children":1376},{"style":207},[1377],{"type":71,"value":567},{"type":65,"tag":184,"props":1379,"children":1380},{"style":570},[1381],{"type":71,"value":573},{"type":65,"tag":184,"props":1383,"children":1384},{"style":207},[1385],{"type":71,"value":578},{"type":65,"tag":184,"props":1387,"children":1388},{"style":412},[1389],{"type":71,"value":583},{"type":65,"tag":184,"props":1391,"children":1392},{"style":500},[1393],{"type":71,"value":588},{"type":65,"tag":184,"props":1395,"children":1396},{"class":186,"line":451},[1397,1402,1406,1410,1414,1418,1422,1426,1430,1434],{"type":65,"tag":184,"props":1398,"children":1399},{"style":207},[1400],{"type":71,"value":1401},"      \u003C",{"type":65,"tag":184,"props":1403,"children":1404},{"style":600},[1405],{"type":71,"value":603},{"type":65,"tag":184,"props":1407,"children":1408},{"style":412},[1409],{"type":71,"value":608},{"type":65,"tag":184,"props":1411,"children":1412},{"style":207},[1413],{"type":71,"value":613},{"type":65,"tag":184,"props":1415,"children":1416},{"style":213},[1417],{"type":71,"value":618},{"type":65,"tag":184,"props":1419,"children":1420},{"style":207},[1421],{"type":71,"value":623},{"type":65,"tag":184,"props":1423,"children":1424},{"style":213},[1425],{"type":71,"value":628},{"type":65,"tag":184,"props":1427,"children":1428},{"style":207},[1429],{"type":71,"value":633},{"type":65,"tag":184,"props":1431,"children":1432},{"style":600},[1433],{"type":71,"value":603},{"type":65,"tag":184,"props":1435,"children":1436},{"style":207},[1437],{"type":71,"value":642},{"type":65,"tag":184,"props":1439,"children":1440},{"class":186,"line":483},[1441,1446],{"type":65,"tag":184,"props":1442,"children":1443},{"style":500},[1444],{"type":71,"value":1445},"    )",{"type":65,"tag":184,"props":1447,"children":1448},{"style":207},[1449],{"type":71,"value":279},{"type":65,"tag":184,"props":1451,"children":1452},{"class":186,"line":496},[1453,1458],{"type":65,"tag":184,"props":1454,"children":1455},{"style":207},[1456],{"type":71,"value":1457},"  }",{"type":65,"tag":184,"props":1459,"children":1460},{"style":500},[1461],{"type":71,"value":668},{"type":65,"tag":184,"props":1463,"children":1464},{"class":186,"line":526},[1465],{"type":65,"tag":184,"props":1466,"children":1467},{"style":207},[1468],{"type":71,"value":766},{"type":65,"tag":184,"props":1470,"children":1471},{"class":186,"line":552},[1472],{"type":65,"tag":184,"props":1473,"children":1474},{"emptyLinePlaceholder":376},[1475],{"type":71,"value":379},{"type":65,"tag":184,"props":1477,"children":1478},{"class":186,"line":591},[1479,1483,1487,1491,1495,1499],{"type":65,"tag":184,"props":1480,"children":1481},{"style":412},[1482],{"type":71,"value":685},{"type":65,"tag":184,"props":1484,"children":1485},{"style":412},[1486],{"type":71,"value":690},{"type":65,"tag":184,"props":1488,"children":1489},{"style":207},[1490],{"type":71,"value":241},{"type":65,"tag":184,"props":1492,"children":1493},{"style":244},[1494],{"type":71,"value":327},{"type":65,"tag":184,"props":1496,"children":1497},{"style":207},[1498],{"type":71,"value":703},{"type":65,"tag":184,"props":1500,"children":1501},{"style":207},[1502],{"type":71,"value":265},{"type":65,"tag":184,"props":1504,"children":1505},{"class":186,"line":645},[1506,1510,1514],{"type":65,"tag":184,"props":1507,"children":1508},{"style":412},[1509],{"type":71,"value":716},{"type":65,"tag":184,"props":1511,"children":1512},{"style":600},[1513],{"type":71,"value":721},{"type":65,"tag":184,"props":1515,"children":1516},{"style":207},[1517],{"type":71,"value":265},{"type":65,"tag":184,"props":1519,"children":1520},{"class":186,"line":658},[1521,1525,1529,1534,1539,1543],{"type":65,"tag":184,"props":1522,"children":1523},{"style":500},[1524],{"type":71,"value":734},{"type":65,"tag":184,"props":1526,"children":1527},{"style":207},[1528],{"type":71,"value":508},{"type":65,"tag":184,"props":1530,"children":1531},{"style":600},[1532],{"type":71,"value":1533}," ReturnType",{"type":65,"tag":184,"props":1535,"children":1536},{"style":207},[1537],{"type":71,"value":1538},"\u003Ctypeof",{"type":65,"tag":184,"props":1540,"children":1541},{"style":213},[1542],{"type":71,"value":1232},{"type":65,"tag":184,"props":1544,"children":1545},{"style":207},[1546],{"type":71,"value":642},{"type":65,"tag":184,"props":1548,"children":1549},{"class":186,"line":671},[1550],{"type":65,"tag":184,"props":1551,"children":1552},{"style":207},[1553],{"type":71,"value":757},{"type":65,"tag":184,"props":1555,"children":1556},{"class":186,"line":679},[1557],{"type":65,"tag":184,"props":1558,"children":1559},{"style":207},[1560],{"type":71,"value":766},{"type":65,"tag":166,"props":1562,"children":1564},{"id":1563},"ssr-with-setuprouterssrqueryintegration",[1565,1567],{"type":71,"value":1566},"SSR with ",{"type":65,"tag":122,"props":1568,"children":1570},{"className":1569},[],[1571],{"type":71,"value":1572},"setupRouterSsrQueryIntegration",{"type":65,"tag":74,"props":1574,"children":1575},{},[1576],{"type":71,"value":1577},"For automatic SSR dehydration\u002Fhydration and streaming:",{"type":65,"tag":173,"props":1579,"children":1583},{"className":1580,"code":1581,"language":1582,"meta":178,"style":178},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install @tanstack\u002Freact-router-ssr-query\n","bash",[1584],{"type":65,"tag":122,"props":1585,"children":1586},{"__ignoreMap":178},[1587],{"type":65,"tag":184,"props":1588,"children":1589},{"class":186,"line":187},[1590,1595,1600],{"type":65,"tag":184,"props":1591,"children":1592},{"style":600},[1593],{"type":71,"value":1594},"npm",{"type":65,"tag":184,"props":1596,"children":1597},{"style":244},[1598],{"type":71,"value":1599}," install",{"type":65,"tag":184,"props":1601,"children":1602},{"style":244},[1603],{"type":71,"value":1604}," @tanstack\u002Freact-router-ssr-query\n",{"type":65,"tag":173,"props":1606,"children":1608},{"className":175,"code":1607,"language":177,"meta":178,"style":178},"\u002F\u002F src\u002Frouter.tsx\nimport { QueryClient } from '@tanstack\u002Freact-query'\nimport { createRouter } from '@tanstack\u002Freact-router'\nimport { setupRouterSsrQueryIntegration } from '@tanstack\u002Freact-router-ssr-query'\nimport { routeTree } from '.\u002FrouteTree.gen'\n\nexport function createAppRouter() {\n  const queryClient = new QueryClient()\n\n  const router = createRouter({\n    routeTree,\n    defaultPreloadStaleTime: 0,\n    context: { queryClient },\n  })\n\n  setupRouterSsrQueryIntegration({\n    router,\n    queryClient,\n    \u002F\u002F wrapQueryClient: true (default — wraps with QueryClientProvider)\n    \u002F\u002F handleRedirects: true (default — handles redirect() from queries)\n  })\n\n  return router\n}\n",[1609],{"type":65,"tag":122,"props":1610,"children":1611},{"__ignoreMap":178},[1612,1619,1654,1689,1726,1761,1768,1791,1818,1825,1852,1863,1882,1905,1916,1923,1939,1950,1962,1970,1978,1989,1996,2007],{"type":65,"tag":184,"props":1613,"children":1614},{"class":186,"line":187},[1615],{"type":65,"tag":184,"props":1616,"children":1617},{"style":191},[1618],{"type":71,"value":1095},{"type":65,"tag":184,"props":1620,"children":1621},{"class":186,"line":197},[1622,1626,1630,1634,1638,1642,1646,1650],{"type":65,"tag":184,"props":1623,"children":1624},{"style":201},[1625],{"type":71,"value":204},{"type":65,"tag":184,"props":1627,"children":1628},{"style":207},[1629],{"type":71,"value":210},{"type":65,"tag":184,"props":1631,"children":1632},{"style":213},[1633],{"type":71,"value":216},{"type":65,"tag":184,"props":1635,"children":1636},{"style":207},[1637],{"type":71,"value":231},{"type":65,"tag":184,"props":1639,"children":1640},{"style":201},[1641],{"type":71,"value":236},{"type":65,"tag":184,"props":1643,"children":1644},{"style":207},[1645],{"type":71,"value":241},{"type":65,"tag":184,"props":1647,"children":1648},{"style":244},[1649],{"type":71,"value":247},{"type":65,"tag":184,"props":1651,"children":1652},{"style":207},[1653],{"type":71,"value":252},{"type":65,"tag":184,"props":1655,"children":1656},{"class":186,"line":255},[1657,1661,1665,1669,1673,1677,1681,1685],{"type":65,"tag":184,"props":1658,"children":1659},{"style":201},[1660],{"type":71,"value":204},{"type":65,"tag":184,"props":1662,"children":1663},{"style":207},[1664],{"type":71,"value":210},{"type":65,"tag":184,"props":1666,"children":1667},{"style":213},[1668],{"type":71,"value":470},{"type":65,"tag":184,"props":1670,"children":1671},{"style":207},[1672],{"type":71,"value":231},{"type":65,"tag":184,"props":1674,"children":1675},{"style":201},[1676],{"type":71,"value":236},{"type":65,"tag":184,"props":1678,"children":1679},{"style":207},[1680],{"type":71,"value":241},{"type":65,"tag":184,"props":1682,"children":1683},{"style":244},[1684],{"type":71,"value":327},{"type":65,"tag":184,"props":1686,"children":1687},{"style":207},[1688],{"type":71,"value":252},{"type":65,"tag":184,"props":1690,"children":1691},{"class":186,"line":268},[1692,1696,1700,1705,1709,1713,1717,1722],{"type":65,"tag":184,"props":1693,"children":1694},{"style":201},[1695],{"type":71,"value":204},{"type":65,"tag":184,"props":1697,"children":1698},{"style":207},[1699],{"type":71,"value":210},{"type":65,"tag":184,"props":1701,"children":1702},{"style":213},[1703],{"type":71,"value":1704}," setupRouterSsrQueryIntegration",{"type":65,"tag":184,"props":1706,"children":1707},{"style":207},[1708],{"type":71,"value":231},{"type":65,"tag":184,"props":1710,"children":1711},{"style":201},[1712],{"type":71,"value":236},{"type":65,"tag":184,"props":1714,"children":1715},{"style":207},[1716],{"type":71,"value":241},{"type":65,"tag":184,"props":1718,"children":1719},{"style":244},[1720],{"type":71,"value":1721},"@tanstack\u002Freact-router-ssr-query",{"type":65,"tag":184,"props":1723,"children":1724},{"style":207},[1725],{"type":71,"value":252},{"type":65,"tag":184,"props":1727,"children":1728},{"class":186,"line":282},[1729,1733,1737,1741,1745,1749,1753,1757],{"type":65,"tag":184,"props":1730,"children":1731},{"style":201},[1732],{"type":71,"value":204},{"type":65,"tag":184,"props":1734,"children":1735},{"style":207},[1736],{"type":71,"value":210},{"type":65,"tag":184,"props":1738,"children":1739},{"style":213},[1740],{"type":71,"value":348},{"type":65,"tag":184,"props":1742,"children":1743},{"style":207},[1744],{"type":71,"value":231},{"type":65,"tag":184,"props":1746,"children":1747},{"style":201},[1748],{"type":71,"value":236},{"type":65,"tag":184,"props":1750,"children":1751},{"style":207},[1752],{"type":71,"value":241},{"type":65,"tag":184,"props":1754,"children":1755},{"style":244},[1756],{"type":71,"value":365},{"type":65,"tag":184,"props":1758,"children":1759},{"style":207},[1760],{"type":71,"value":252},{"type":65,"tag":184,"props":1762,"children":1763},{"class":186,"line":295},[1764],{"type":65,"tag":184,"props":1765,"children":1766},{"emptyLinePlaceholder":376},[1767],{"type":71,"value":379},{"type":65,"tag":184,"props":1769,"children":1770},{"class":186,"line":308},[1771,1775,1779,1783,1787],{"type":65,"tag":184,"props":1772,"children":1773},{"style":201},[1774],{"type":71,"value":971},{"type":65,"tag":184,"props":1776,"children":1777},{"style":412},[1778],{"type":71,"value":1227},{"type":65,"tag":184,"props":1780,"children":1781},{"style":433},[1782],{"type":71,"value":1232},{"type":65,"tag":184,"props":1784,"children":1785},{"style":207},[1786],{"type":71,"value":793},{"type":65,"tag":184,"props":1788,"children":1789},{"style":207},[1790],{"type":71,"value":265},{"type":65,"tag":184,"props":1792,"children":1793},{"class":186,"line":334},[1794,1798,1802,1806,1810,1814],{"type":65,"tag":184,"props":1795,"children":1796},{"style":412},[1797],{"type":71,"value":1256},{"type":65,"tag":184,"props":1799,"children":1800},{"style":213},[1801],{"type":71,"value":1261},{"type":65,"tag":184,"props":1803,"children":1804},{"style":207},[1805],{"type":71,"value":1266},{"type":65,"tag":184,"props":1807,"children":1808},{"style":207},[1809],{"type":71,"value":430},{"type":65,"tag":184,"props":1811,"children":1812},{"style":433},[1813],{"type":71,"value":216},{"type":65,"tag":184,"props":1815,"children":1816},{"style":500},[1817],{"type":71,"value":440},{"type":65,"tag":184,"props":1819,"children":1820},{"class":186,"line":372},[1821],{"type":65,"tag":184,"props":1822,"children":1823},{"emptyLinePlaceholder":376},[1824],{"type":71,"value":379},{"type":65,"tag":184,"props":1826,"children":1827},{"class":186,"line":382},[1828,1832,1836,1840,1844,1848],{"type":65,"tag":184,"props":1829,"children":1830},{"style":412},[1831],{"type":71,"value":1256},{"type":65,"tag":184,"props":1833,"children":1834},{"style":213},[1835],{"type":71,"value":821},{"type":65,"tag":184,"props":1837,"children":1838},{"style":207},[1839],{"type":71,"value":1266},{"type":65,"tag":184,"props":1841,"children":1842},{"style":433},[1843],{"type":71,"value":470},{"type":65,"tag":184,"props":1845,"children":1846},{"style":500},[1847],{"type":71,"value":475},{"type":65,"tag":184,"props":1849,"children":1850},{"style":207},[1851],{"type":71,"value":480},{"type":65,"tag":184,"props":1853,"children":1854},{"class":186,"line":391},[1855,1859],{"type":65,"tag":184,"props":1856,"children":1857},{"style":213},[1858],{"type":71,"value":1312},{"type":65,"tag":184,"props":1860,"children":1861},{"style":207},[1862],{"type":71,"value":279},{"type":65,"tag":184,"props":1864,"children":1865},{"class":186,"line":400},[1866,1870,1874,1878],{"type":65,"tag":184,"props":1867,"children":1868},{"style":500},[1869],{"type":71,"value":1324},{"type":65,"tag":184,"props":1871,"children":1872},{"style":207},[1873],{"type":71,"value":508},{"type":65,"tag":184,"props":1875,"children":1876},{"style":511},[1877],{"type":71,"value":514},{"type":65,"tag":184,"props":1879,"children":1880},{"style":207},[1881],{"type":71,"value":279},{"type":65,"tag":184,"props":1883,"children":1884},{"class":186,"line":408},[1885,1889,1893,1897,1901],{"type":65,"tag":184,"props":1886,"children":1887},{"style":500},[1888],{"type":71,"value":1344},{"type":65,"tag":184,"props":1890,"children":1891},{"style":207},[1892],{"type":71,"value":508},{"type":65,"tag":184,"props":1894,"children":1895},{"style":207},[1896],{"type":71,"value":210},{"type":65,"tag":184,"props":1898,"children":1899},{"style":213},[1900],{"type":71,"value":1261},{"type":65,"tag":184,"props":1902,"children":1903},{"style":207},[1904],{"type":71,"value":1361},{"type":65,"tag":184,"props":1906,"children":1907},{"class":186,"line":443},[1908,1912],{"type":65,"tag":184,"props":1909,"children":1910},{"style":207},[1911],{"type":71,"value":1457},{"type":65,"tag":184,"props":1913,"children":1914},{"style":500},[1915],{"type":71,"value":668},{"type":65,"tag":184,"props":1917,"children":1918},{"class":186,"line":451},[1919],{"type":65,"tag":184,"props":1920,"children":1921},{"emptyLinePlaceholder":376},[1922],{"type":71,"value":379},{"type":65,"tag":184,"props":1924,"children":1925},{"class":186,"line":483},[1926,1931,1935],{"type":65,"tag":184,"props":1927,"children":1928},{"style":433},[1929],{"type":71,"value":1930},"  setupRouterSsrQueryIntegration",{"type":65,"tag":184,"props":1932,"children":1933},{"style":500},[1934],{"type":71,"value":475},{"type":65,"tag":184,"props":1936,"children":1937},{"style":207},[1938],{"type":71,"value":480},{"type":65,"tag":184,"props":1940,"children":1941},{"class":186,"line":496},[1942,1946],{"type":65,"tag":184,"props":1943,"children":1944},{"style":213},[1945],{"type":71,"value":734},{"type":65,"tag":184,"props":1947,"children":1948},{"style":207},[1949],{"type":71,"value":279},{"type":65,"tag":184,"props":1951,"children":1952},{"class":186,"line":526},[1953,1958],{"type":65,"tag":184,"props":1954,"children":1955},{"style":213},[1956],{"type":71,"value":1957},"    queryClient",{"type":65,"tag":184,"props":1959,"children":1960},{"style":207},[1961],{"type":71,"value":279},{"type":65,"tag":184,"props":1963,"children":1964},{"class":186,"line":552},[1965],{"type":65,"tag":184,"props":1966,"children":1967},{"style":191},[1968],{"type":71,"value":1969},"    \u002F\u002F wrapQueryClient: true (default — wraps with QueryClientProvider)\n",{"type":65,"tag":184,"props":1971,"children":1972},{"class":186,"line":591},[1973],{"type":65,"tag":184,"props":1974,"children":1975},{"style":191},[1976],{"type":71,"value":1977},"    \u002F\u002F handleRedirects: true (default — handles redirect() from queries)\n",{"type":65,"tag":184,"props":1979,"children":1980},{"class":186,"line":645},[1981,1985],{"type":65,"tag":184,"props":1982,"children":1983},{"style":207},[1984],{"type":71,"value":1457},{"type":65,"tag":184,"props":1986,"children":1987},{"style":500},[1988],{"type":71,"value":668},{"type":65,"tag":184,"props":1990,"children":1991},{"class":186,"line":658},[1992],{"type":65,"tag":184,"props":1993,"children":1994},{"emptyLinePlaceholder":376},[1995],{"type":71,"value":379},{"type":65,"tag":184,"props":1997,"children":1998},{"class":186,"line":671},[1999,2003],{"type":65,"tag":184,"props":2000,"children":2001},{"style":201},[2002],{"type":71,"value":806},{"type":65,"tag":184,"props":2004,"children":2005},{"style":213},[2006],{"type":71,"value":748},{"type":65,"tag":184,"props":2008,"children":2009},{"class":186,"line":679},[2010],{"type":65,"tag":184,"props":2011,"children":2012},{"style":207},[2013],{"type":71,"value":766},{"type":65,"tag":74,"props":2015,"children":2016},{},[2017],{"type":71,"value":2018},"The integration:",{"type":65,"tag":2020,"props":2021,"children":2022},"ul",{},[2023,2029,2034],{"type":65,"tag":2024,"props":2025,"children":2026},"li",{},[2027],{"type":71,"value":2028},"Dehydrates query state on the server and hydrates on the client automatically",{"type":65,"tag":2024,"props":2030,"children":2031},{},[2032],{"type":71,"value":2033},"Streams queries that resolve during server render to the client",{"type":65,"tag":2024,"props":2035,"children":2036},{},[2037,2039,2045],{"type":71,"value":2038},"Handles ",{"type":65,"tag":122,"props":2040,"children":2042},{"className":2041},[],[2043],{"type":71,"value":2044},"redirect()",{"type":71,"value":2046}," thrown from queries\u002Fmutations",{"type":65,"tag":166,"props":2048,"children":2050},{"id":2049},"manual-ssr-dehydrationhydration-without-ssr-query-package",[2051],{"type":71,"value":2052},"Manual SSR Dehydration\u002FHydration (Without SSR Query Package)",{"type":65,"tag":173,"props":2054,"children":2056},{"className":175,"code":2055,"language":177,"meta":178,"style":178},"\u002F\u002F src\u002Frouter.tsx\nimport { QueryClient, dehydrate, hydrate } from '@tanstack\u002Freact-query'\nimport { QueryClientProvider } from '@tanstack\u002Freact-query'\nimport { createRouter } from '@tanstack\u002Freact-router'\nimport { routeTree } from '.\u002FrouteTree.gen'\n\nexport function createAppRouter() {\n  const queryClient = new QueryClient()\n\n  return createRouter({\n    routeTree,\n    defaultPreloadStaleTime: 0,\n    context: { queryClient },\n    dehydrate: () => ({\n      queryClientState: dehydrate(queryClient),\n    }),\n    hydrate: (dehydrated) => {\n      hydrate(queryClient, dehydrated.queryClientState)\n    },\n    Wrap: ({ children }) => (\n      \u003CQueryClientProvider client={queryClient}>{children}\u003C\u002FQueryClientProvider>\n    ),\n  })\n}\n",[2057],{"type":65,"tag":122,"props":2058,"children":2059},{"__ignoreMap":178},[2060,2067,2120,2155,2190,2225,2232,2255,2282,2289,2308,2319,2338,2361,2390,2423,2439,2472,2511,2519,2550,2593,2604,2615],{"type":65,"tag":184,"props":2061,"children":2062},{"class":186,"line":187},[2063],{"type":65,"tag":184,"props":2064,"children":2065},{"style":191},[2066],{"type":71,"value":1095},{"type":65,"tag":184,"props":2068,"children":2069},{"class":186,"line":197},[2070,2074,2078,2082,2086,2091,2095,2100,2104,2108,2112,2116],{"type":65,"tag":184,"props":2071,"children":2072},{"style":201},[2073],{"type":71,"value":204},{"type":65,"tag":184,"props":2075,"children":2076},{"style":207},[2077],{"type":71,"value":210},{"type":65,"tag":184,"props":2079,"children":2080},{"style":213},[2081],{"type":71,"value":216},{"type":65,"tag":184,"props":2083,"children":2084},{"style":207},[2085],{"type":71,"value":221},{"type":65,"tag":184,"props":2087,"children":2088},{"style":213},[2089],{"type":71,"value":2090}," dehydrate",{"type":65,"tag":184,"props":2092,"children":2093},{"style":207},[2094],{"type":71,"value":221},{"type":65,"tag":184,"props":2096,"children":2097},{"style":213},[2098],{"type":71,"value":2099}," hydrate",{"type":65,"tag":184,"props":2101,"children":2102},{"style":207},[2103],{"type":71,"value":231},{"type":65,"tag":184,"props":2105,"children":2106},{"style":201},[2107],{"type":71,"value":236},{"type":65,"tag":184,"props":2109,"children":2110},{"style":207},[2111],{"type":71,"value":241},{"type":65,"tag":184,"props":2113,"children":2114},{"style":244},[2115],{"type":71,"value":247},{"type":65,"tag":184,"props":2117,"children":2118},{"style":207},[2119],{"type":71,"value":252},{"type":65,"tag":184,"props":2121,"children":2122},{"class":186,"line":255},[2123,2127,2131,2135,2139,2143,2147,2151],{"type":65,"tag":184,"props":2124,"children":2125},{"style":201},[2126],{"type":71,"value":204},{"type":65,"tag":184,"props":2128,"children":2129},{"style":207},[2130],{"type":71,"value":210},{"type":65,"tag":184,"props":2132,"children":2133},{"style":213},[2134],{"type":71,"value":226},{"type":65,"tag":184,"props":2136,"children":2137},{"style":207},[2138],{"type":71,"value":231},{"type":65,"tag":184,"props":2140,"children":2141},{"style":201},[2142],{"type":71,"value":236},{"type":65,"tag":184,"props":2144,"children":2145},{"style":207},[2146],{"type":71,"value":241},{"type":65,"tag":184,"props":2148,"children":2149},{"style":244},[2150],{"type":71,"value":247},{"type":65,"tag":184,"props":2152,"children":2153},{"style":207},[2154],{"type":71,"value":252},{"type":65,"tag":184,"props":2156,"children":2157},{"class":186,"line":268},[2158,2162,2166,2170,2174,2178,2182,2186],{"type":65,"tag":184,"props":2159,"children":2160},{"style":201},[2161],{"type":71,"value":204},{"type":65,"tag":184,"props":2163,"children":2164},{"style":207},[2165],{"type":71,"value":210},{"type":65,"tag":184,"props":2167,"children":2168},{"style":213},[2169],{"type":71,"value":470},{"type":65,"tag":184,"props":2171,"children":2172},{"style":207},[2173],{"type":71,"value":231},{"type":65,"tag":184,"props":2175,"children":2176},{"style":201},[2177],{"type":71,"value":236},{"type":65,"tag":184,"props":2179,"children":2180},{"style":207},[2181],{"type":71,"value":241},{"type":65,"tag":184,"props":2183,"children":2184},{"style":244},[2185],{"type":71,"value":327},{"type":65,"tag":184,"props":2187,"children":2188},{"style":207},[2189],{"type":71,"value":252},{"type":65,"tag":184,"props":2191,"children":2192},{"class":186,"line":282},[2193,2197,2201,2205,2209,2213,2217,2221],{"type":65,"tag":184,"props":2194,"children":2195},{"style":201},[2196],{"type":71,"value":204},{"type":65,"tag":184,"props":2198,"children":2199},{"style":207},[2200],{"type":71,"value":210},{"type":65,"tag":184,"props":2202,"children":2203},{"style":213},[2204],{"type":71,"value":348},{"type":65,"tag":184,"props":2206,"children":2207},{"style":207},[2208],{"type":71,"value":231},{"type":65,"tag":184,"props":2210,"children":2211},{"style":201},[2212],{"type":71,"value":236},{"type":65,"tag":184,"props":2214,"children":2215},{"style":207},[2216],{"type":71,"value":241},{"type":65,"tag":184,"props":2218,"children":2219},{"style":244},[2220],{"type":71,"value":365},{"type":65,"tag":184,"props":2222,"children":2223},{"style":207},[2224],{"type":71,"value":252},{"type":65,"tag":184,"props":2226,"children":2227},{"class":186,"line":295},[2228],{"type":65,"tag":184,"props":2229,"children":2230},{"emptyLinePlaceholder":376},[2231],{"type":71,"value":379},{"type":65,"tag":184,"props":2233,"children":2234},{"class":186,"line":308},[2235,2239,2243,2247,2251],{"type":65,"tag":184,"props":2236,"children":2237},{"style":201},[2238],{"type":71,"value":971},{"type":65,"tag":184,"props":2240,"children":2241},{"style":412},[2242],{"type":71,"value":1227},{"type":65,"tag":184,"props":2244,"children":2245},{"style":433},[2246],{"type":71,"value":1232},{"type":65,"tag":184,"props":2248,"children":2249},{"style":207},[2250],{"type":71,"value":793},{"type":65,"tag":184,"props":2252,"children":2253},{"style":207},[2254],{"type":71,"value":265},{"type":65,"tag":184,"props":2256,"children":2257},{"class":186,"line":334},[2258,2262,2266,2270,2274,2278],{"type":65,"tag":184,"props":2259,"children":2260},{"style":412},[2261],{"type":71,"value":1256},{"type":65,"tag":184,"props":2263,"children":2264},{"style":213},[2265],{"type":71,"value":1261},{"type":65,"tag":184,"props":2267,"children":2268},{"style":207},[2269],{"type":71,"value":1266},{"type":65,"tag":184,"props":2271,"children":2272},{"style":207},[2273],{"type":71,"value":430},{"type":65,"tag":184,"props":2275,"children":2276},{"style":433},[2277],{"type":71,"value":216},{"type":65,"tag":184,"props":2279,"children":2280},{"style":500},[2281],{"type":71,"value":440},{"type":65,"tag":184,"props":2283,"children":2284},{"class":186,"line":372},[2285],{"type":65,"tag":184,"props":2286,"children":2287},{"emptyLinePlaceholder":376},[2288],{"type":71,"value":379},{"type":65,"tag":184,"props":2290,"children":2291},{"class":186,"line":382},[2292,2296,2300,2304],{"type":65,"tag":184,"props":2293,"children":2294},{"style":201},[2295],{"type":71,"value":806},{"type":65,"tag":184,"props":2297,"children":2298},{"style":433},[2299],{"type":71,"value":470},{"type":65,"tag":184,"props":2301,"children":2302},{"style":500},[2303],{"type":71,"value":475},{"type":65,"tag":184,"props":2305,"children":2306},{"style":207},[2307],{"type":71,"value":480},{"type":65,"tag":184,"props":2309,"children":2310},{"class":186,"line":391},[2311,2315],{"type":65,"tag":184,"props":2312,"children":2313},{"style":213},[2314],{"type":71,"value":1312},{"type":65,"tag":184,"props":2316,"children":2317},{"style":207},[2318],{"type":71,"value":279},{"type":65,"tag":184,"props":2320,"children":2321},{"class":186,"line":400},[2322,2326,2330,2334],{"type":65,"tag":184,"props":2323,"children":2324},{"style":500},[2325],{"type":71,"value":1324},{"type":65,"tag":184,"props":2327,"children":2328},{"style":207},[2329],{"type":71,"value":508},{"type":65,"tag":184,"props":2331,"children":2332},{"style":511},[2333],{"type":71,"value":514},{"type":65,"tag":184,"props":2335,"children":2336},{"style":207},[2337],{"type":71,"value":279},{"type":65,"tag":184,"props":2339,"children":2340},{"class":186,"line":408},[2341,2345,2349,2353,2357],{"type":65,"tag":184,"props":2342,"children":2343},{"style":500},[2344],{"type":71,"value":1344},{"type":65,"tag":184,"props":2346,"children":2347},{"style":207},[2348],{"type":71,"value":508},{"type":65,"tag":184,"props":2350,"children":2351},{"style":207},[2352],{"type":71,"value":210},{"type":65,"tag":184,"props":2354,"children":2355},{"style":213},[2356],{"type":71,"value":1261},{"type":65,"tag":184,"props":2358,"children":2359},{"style":207},[2360],{"type":71,"value":1361},{"type":65,"tag":184,"props":2362,"children":2363},{"class":186,"line":443},[2364,2369,2373,2377,2381,2386],{"type":65,"tag":184,"props":2365,"children":2366},{"style":433},[2367],{"type":71,"value":2368},"    dehydrate",{"type":65,"tag":184,"props":2370,"children":2371},{"style":207},[2372],{"type":71,"value":508},{"type":65,"tag":184,"props":2374,"children":2375},{"style":207},[2376],{"type":71,"value":1045},{"type":65,"tag":184,"props":2378,"children":2379},{"style":412},[2380],{"type":71,"value":583},{"type":65,"tag":184,"props":2382,"children":2383},{"style":500},[2384],{"type":71,"value":2385}," (",{"type":65,"tag":184,"props":2387,"children":2388},{"style":207},[2389],{"type":71,"value":480},{"type":65,"tag":184,"props":2391,"children":2392},{"class":186,"line":451},[2393,2398,2402,2406,2410,2414,2419],{"type":65,"tag":184,"props":2394,"children":2395},{"style":500},[2396],{"type":71,"value":2397},"      queryClientState",{"type":65,"tag":184,"props":2399,"children":2400},{"style":207},[2401],{"type":71,"value":508},{"type":65,"tag":184,"props":2403,"children":2404},{"style":433},[2405],{"type":71,"value":2090},{"type":65,"tag":184,"props":2407,"children":2408},{"style":500},[2409],{"type":71,"value":475},{"type":65,"tag":184,"props":2411,"children":2412},{"style":213},[2413],{"type":71,"value":618},{"type":65,"tag":184,"props":2415,"children":2416},{"style":500},[2417],{"type":71,"value":2418},")",{"type":65,"tag":184,"props":2420,"children":2421},{"style":207},[2422],{"type":71,"value":279},{"type":65,"tag":184,"props":2424,"children":2425},{"class":186,"line":483},[2426,2431,2435],{"type":65,"tag":184,"props":2427,"children":2428},{"style":207},[2429],{"type":71,"value":2430},"    }",{"type":65,"tag":184,"props":2432,"children":2433},{"style":500},[2434],{"type":71,"value":2418},{"type":65,"tag":184,"props":2436,"children":2437},{"style":207},[2438],{"type":71,"value":279},{"type":65,"tag":184,"props":2440,"children":2441},{"class":186,"line":496},[2442,2447,2451,2455,2460,2464,2468],{"type":65,"tag":184,"props":2443,"children":2444},{"style":433},[2445],{"type":71,"value":2446},"    hydrate",{"type":65,"tag":184,"props":2448,"children":2449},{"style":207},[2450],{"type":71,"value":508},{"type":65,"tag":184,"props":2452,"children":2453},{"style":207},[2454],{"type":71,"value":2385},{"type":65,"tag":184,"props":2456,"children":2457},{"style":570},[2458],{"type":71,"value":2459},"dehydrated",{"type":65,"tag":184,"props":2461,"children":2462},{"style":207},[2463],{"type":71,"value":2418},{"type":65,"tag":184,"props":2465,"children":2466},{"style":412},[2467],{"type":71,"value":583},{"type":65,"tag":184,"props":2469,"children":2470},{"style":207},[2471],{"type":71,"value":265},{"type":65,"tag":184,"props":2473,"children":2474},{"class":186,"line":526},[2475,2480,2484,2488,2492,2497,2502,2507],{"type":65,"tag":184,"props":2476,"children":2477},{"style":433},[2478],{"type":71,"value":2479},"      hydrate",{"type":65,"tag":184,"props":2481,"children":2482},{"style":500},[2483],{"type":71,"value":475},{"type":65,"tag":184,"props":2485,"children":2486},{"style":213},[2487],{"type":71,"value":618},{"type":65,"tag":184,"props":2489,"children":2490},{"style":207},[2491],{"type":71,"value":221},{"type":65,"tag":184,"props":2493,"children":2494},{"style":213},[2495],{"type":71,"value":2496}," dehydrated",{"type":65,"tag":184,"props":2498,"children":2499},{"style":207},[2500],{"type":71,"value":2501},".",{"type":65,"tag":184,"props":2503,"children":2504},{"style":213},[2505],{"type":71,"value":2506},"queryClientState",{"type":65,"tag":184,"props":2508,"children":2509},{"style":500},[2510],{"type":71,"value":668},{"type":65,"tag":184,"props":2512,"children":2513},{"class":186,"line":552},[2514],{"type":65,"tag":184,"props":2515,"children":2516},{"style":207},[2517],{"type":71,"value":2518},"    },\n",{"type":65,"tag":184,"props":2520,"children":2521},{"class":186,"line":591},[2522,2526,2530,2534,2538,2542,2546],{"type":65,"tag":184,"props":2523,"children":2524},{"style":433},[2525],{"type":71,"value":1369},{"type":65,"tag":184,"props":2527,"children":2528},{"style":207},[2529],{"type":71,"value":508},{"type":65,"tag":184,"props":2531,"children":2532},{"style":207},[2533],{"type":71,"value":567},{"type":65,"tag":184,"props":2535,"children":2536},{"style":570},[2537],{"type":71,"value":573},{"type":65,"tag":184,"props":2539,"children":2540},{"style":207},[2541],{"type":71,"value":578},{"type":65,"tag":184,"props":2543,"children":2544},{"style":412},[2545],{"type":71,"value":583},{"type":65,"tag":184,"props":2547,"children":2548},{"style":500},[2549],{"type":71,"value":588},{"type":65,"tag":184,"props":2551,"children":2552},{"class":186,"line":645},[2553,2557,2561,2565,2569,2573,2577,2581,2585,2589],{"type":65,"tag":184,"props":2554,"children":2555},{"style":207},[2556],{"type":71,"value":1401},{"type":65,"tag":184,"props":2558,"children":2559},{"style":600},[2560],{"type":71,"value":603},{"type":65,"tag":184,"props":2562,"children":2563},{"style":412},[2564],{"type":71,"value":608},{"type":65,"tag":184,"props":2566,"children":2567},{"style":207},[2568],{"type":71,"value":613},{"type":65,"tag":184,"props":2570,"children":2571},{"style":213},[2572],{"type":71,"value":618},{"type":65,"tag":184,"props":2574,"children":2575},{"style":207},[2576],{"type":71,"value":623},{"type":65,"tag":184,"props":2578,"children":2579},{"style":213},[2580],{"type":71,"value":628},{"type":65,"tag":184,"props":2582,"children":2583},{"style":207},[2584],{"type":71,"value":633},{"type":65,"tag":184,"props":2586,"children":2587},{"style":600},[2588],{"type":71,"value":603},{"type":65,"tag":184,"props":2590,"children":2591},{"style":207},[2592],{"type":71,"value":642},{"type":65,"tag":184,"props":2594,"children":2595},{"class":186,"line":658},[2596,2600],{"type":65,"tag":184,"props":2597,"children":2598},{"style":500},[2599],{"type":71,"value":1445},{"type":65,"tag":184,"props":2601,"children":2602},{"style":207},[2603],{"type":71,"value":279},{"type":65,"tag":184,"props":2605,"children":2606},{"class":186,"line":671},[2607,2611],{"type":65,"tag":184,"props":2608,"children":2609},{"style":207},[2610],{"type":71,"value":1457},{"type":65,"tag":184,"props":2612,"children":2613},{"style":500},[2614],{"type":71,"value":668},{"type":65,"tag":184,"props":2616,"children":2617},{"class":186,"line":679},[2618],{"type":65,"tag":184,"props":2619,"children":2620},{"style":207},[2621],{"type":71,"value":766},{"type":65,"tag":159,"props":2623,"children":2625},{"id":2624},"core-pattern-ensurequerydata-in-loader-usesuspensequery-in-component",[2626,2628,2634,2636,2642],{"type":71,"value":2627},"Core Pattern: ",{"type":65,"tag":122,"props":2629,"children":2631},{"className":2630},[],[2632],{"type":71,"value":2633},"ensureQueryData",{"type":71,"value":2635}," in Loader + ",{"type":65,"tag":122,"props":2637,"children":2639},{"className":2638},[],[2640],{"type":71,"value":2641},"useSuspenseQuery",{"type":71,"value":2643}," in Component",{"type":65,"tag":74,"props":2645,"children":2646},{},[2647],{"type":71,"value":2648},"This is the recommended pattern. The loader ensures data is in the cache before render (no loading flash). The component subscribes to the cache for updates.",{"type":65,"tag":173,"props":2650,"children":2652},{"className":175,"code":2651,"language":177,"meta":178,"style":178},"\u002F\u002F src\u002Froutes\u002Fposts.tsx\nimport { queryOptions, useSuspenseQuery } from '@tanstack\u002Freact-query'\nimport { createFileRoute } from '@tanstack\u002Freact-router'\n\ninterface Post {\n  id: string\n  title: string\n}\n\nconst postsQueryOptions = queryOptions({\n  queryKey: ['posts'],\n  queryFn: (): Promise\u003CArray\u003CPost>> =>\n    fetch('\u002Fapi\u002Fposts').then((r) => r.json()),\n})\n\nexport const Route = createFileRoute('\u002Fposts')({\n  loader: ({ context }) => {\n    \u002F\u002F ensureQueryData returns cached data if available, fetches if not in cache\n    \u002F\u002F To also refetch stale data, pass revalidateIfStale: true\n    return context.queryClient.ensureQueryData(postsQueryOptions)\n  },\n  component: PostsPage,\n})\n\nfunction PostsPage() {\n  \u002F\u002F useSuspenseQuery subscribes to cache — gets background updates\n  const { data: posts } = useSuspenseQuery(postsQueryOptions)\n\n  return (\n    \u003Cul>\n      {posts.map((post) => (\n        \u003Cli key={post.id}>{post.title}\u003C\u002Fli>\n      ))}\n    \u003C\u002Ful>\n  )\n}\n",[2653],{"type":65,"tag":122,"props":2654,"children":2655},{"__ignoreMap":178},[2656,2664,2709,2745,2752,2769,2786,2802,2809,2816,2844,2883,2934,3016,3027,3034,3083,3116,3124,3132,3173,3181,3201,3212,3219,3238,3246,3295,3302,3313,3328,3374,3437,3450,3467,3476],{"type":65,"tag":184,"props":2657,"children":2658},{"class":186,"line":187},[2659],{"type":65,"tag":184,"props":2660,"children":2661},{"style":191},[2662],{"type":71,"value":2663},"\u002F\u002F src\u002Froutes\u002Fposts.tsx\n",{"type":65,"tag":184,"props":2665,"children":2666},{"class":186,"line":197},[2667,2671,2675,2680,2684,2689,2693,2697,2701,2705],{"type":65,"tag":184,"props":2668,"children":2669},{"style":201},[2670],{"type":71,"value":204},{"type":65,"tag":184,"props":2672,"children":2673},{"style":207},[2674],{"type":71,"value":210},{"type":65,"tag":184,"props":2676,"children":2677},{"style":213},[2678],{"type":71,"value":2679}," queryOptions",{"type":65,"tag":184,"props":2681,"children":2682},{"style":207},[2683],{"type":71,"value":221},{"type":65,"tag":184,"props":2685,"children":2686},{"style":213},[2687],{"type":71,"value":2688}," useSuspenseQuery",{"type":65,"tag":184,"props":2690,"children":2691},{"style":207},[2692],{"type":71,"value":231},{"type":65,"tag":184,"props":2694,"children":2695},{"style":201},[2696],{"type":71,"value":236},{"type":65,"tag":184,"props":2698,"children":2699},{"style":207},[2700],{"type":71,"value":241},{"type":65,"tag":184,"props":2702,"children":2703},{"style":244},[2704],{"type":71,"value":247},{"type":65,"tag":184,"props":2706,"children":2707},{"style":207},[2708],{"type":71,"value":252},{"type":65,"tag":184,"props":2710,"children":2711},{"class":186,"line":255},[2712,2716,2720,2725,2729,2733,2737,2741],{"type":65,"tag":184,"props":2713,"children":2714},{"style":201},[2715],{"type":71,"value":204},{"type":65,"tag":184,"props":2717,"children":2718},{"style":207},[2719],{"type":71,"value":210},{"type":65,"tag":184,"props":2721,"children":2722},{"style":213},[2723],{"type":71,"value":2724}," createFileRoute",{"type":65,"tag":184,"props":2726,"children":2727},{"style":207},[2728],{"type":71,"value":231},{"type":65,"tag":184,"props":2730,"children":2731},{"style":201},[2732],{"type":71,"value":236},{"type":65,"tag":184,"props":2734,"children":2735},{"style":207},[2736],{"type":71,"value":241},{"type":65,"tag":184,"props":2738,"children":2739},{"style":244},[2740],{"type":71,"value":327},{"type":65,"tag":184,"props":2742,"children":2743},{"style":207},[2744],{"type":71,"value":252},{"type":65,"tag":184,"props":2746,"children":2747},{"class":186,"line":268},[2748],{"type":65,"tag":184,"props":2749,"children":2750},{"emptyLinePlaceholder":376},[2751],{"type":71,"value":379},{"type":65,"tag":184,"props":2753,"children":2754},{"class":186,"line":282},[2755,2760,2765],{"type":65,"tag":184,"props":2756,"children":2757},{"style":412},[2758],{"type":71,"value":2759},"interface",{"type":65,"tag":184,"props":2761,"children":2762},{"style":600},[2763],{"type":71,"value":2764}," Post",{"type":65,"tag":184,"props":2766,"children":2767},{"style":207},[2768],{"type":71,"value":265},{"type":65,"tag":184,"props":2770,"children":2771},{"class":186,"line":295},[2772,2777,2781],{"type":65,"tag":184,"props":2773,"children":2774},{"style":500},[2775],{"type":71,"value":2776},"  id",{"type":65,"tag":184,"props":2778,"children":2779},{"style":207},[2780],{"type":71,"value":508},{"type":65,"tag":184,"props":2782,"children":2783},{"style":600},[2784],{"type":71,"value":2785}," string\n",{"type":65,"tag":184,"props":2787,"children":2788},{"class":186,"line":308},[2789,2794,2798],{"type":65,"tag":184,"props":2790,"children":2791},{"style":500},[2792],{"type":71,"value":2793},"  title",{"type":65,"tag":184,"props":2795,"children":2796},{"style":207},[2797],{"type":71,"value":508},{"type":65,"tag":184,"props":2799,"children":2800},{"style":600},[2801],{"type":71,"value":2785},{"type":65,"tag":184,"props":2803,"children":2804},{"class":186,"line":334},[2805],{"type":65,"tag":184,"props":2806,"children":2807},{"style":207},[2808],{"type":71,"value":766},{"type":65,"tag":184,"props":2810,"children":2811},{"class":186,"line":372},[2812],{"type":65,"tag":184,"props":2813,"children":2814},{"emptyLinePlaceholder":376},[2815],{"type":71,"value":379},{"type":65,"tag":184,"props":2817,"children":2818},{"class":186,"line":382},[2819,2823,2828,2832,2836,2840],{"type":65,"tag":184,"props":2820,"children":2821},{"style":412},[2822],{"type":71,"value":415},{"type":65,"tag":184,"props":2824,"children":2825},{"style":213},[2826],{"type":71,"value":2827}," postsQueryOptions ",{"type":65,"tag":184,"props":2829,"children":2830},{"style":207},[2831],{"type":71,"value":425},{"type":65,"tag":184,"props":2833,"children":2834},{"style":433},[2835],{"type":71,"value":2679},{"type":65,"tag":184,"props":2837,"children":2838},{"style":213},[2839],{"type":71,"value":475},{"type":65,"tag":184,"props":2841,"children":2842},{"style":207},[2843],{"type":71,"value":480},{"type":65,"tag":184,"props":2845,"children":2846},{"class":186,"line":391},[2847,2852,2856,2861,2865,2870,2874,2879],{"type":65,"tag":184,"props":2848,"children":2849},{"style":500},[2850],{"type":71,"value":2851},"  queryKey",{"type":65,"tag":184,"props":2853,"children":2854},{"style":207},[2855],{"type":71,"value":508},{"type":65,"tag":184,"props":2857,"children":2858},{"style":213},[2859],{"type":71,"value":2860}," [",{"type":65,"tag":184,"props":2862,"children":2863},{"style":207},[2864],{"type":71,"value":703},{"type":65,"tag":184,"props":2866,"children":2867},{"style":244},[2868],{"type":71,"value":2869},"posts",{"type":65,"tag":184,"props":2871,"children":2872},{"style":207},[2873],{"type":71,"value":703},{"type":65,"tag":184,"props":2875,"children":2876},{"style":213},[2877],{"type":71,"value":2878},"]",{"type":65,"tag":184,"props":2880,"children":2881},{"style":207},[2882],{"type":71,"value":279},{"type":65,"tag":184,"props":2884,"children":2885},{"class":186,"line":400},[2886,2891,2895,2900,2905,2910,2915,2919,2924,2929],{"type":65,"tag":184,"props":2887,"children":2888},{"style":433},[2889],{"type":71,"value":2890},"  queryFn",{"type":65,"tag":184,"props":2892,"children":2893},{"style":207},[2894],{"type":71,"value":508},{"type":65,"tag":184,"props":2896,"children":2897},{"style":207},[2898],{"type":71,"value":2899}," ():",{"type":65,"tag":184,"props":2901,"children":2902},{"style":600},[2903],{"type":71,"value":2904}," Promise",{"type":65,"tag":184,"props":2906,"children":2907},{"style":207},[2908],{"type":71,"value":2909},"\u003C",{"type":65,"tag":184,"props":2911,"children":2912},{"style":600},[2913],{"type":71,"value":2914},"Array",{"type":65,"tag":184,"props":2916,"children":2917},{"style":207},[2918],{"type":71,"value":2909},{"type":65,"tag":184,"props":2920,"children":2921},{"style":600},[2922],{"type":71,"value":2923},"Post",{"type":65,"tag":184,"props":2925,"children":2926},{"style":207},[2927],{"type":71,"value":2928},">>",{"type":65,"tag":184,"props":2930,"children":2931},{"style":412},[2932],{"type":71,"value":2933}," =>\n",{"type":65,"tag":184,"props":2935,"children":2936},{"class":186,"line":408},[2937,2942,2946,2950,2955,2959,2963,2967,2972,2976,2980,2985,2989,2993,2998,3002,3007,3012],{"type":65,"tag":184,"props":2938,"children":2939},{"style":433},[2940],{"type":71,"value":2941},"    fetch",{"type":65,"tag":184,"props":2943,"children":2944},{"style":213},[2945],{"type":71,"value":475},{"type":65,"tag":184,"props":2947,"children":2948},{"style":207},[2949],{"type":71,"value":703},{"type":65,"tag":184,"props":2951,"children":2952},{"style":244},[2953],{"type":71,"value":2954},"\u002Fapi\u002Fposts",{"type":65,"tag":184,"props":2956,"children":2957},{"style":207},[2958],{"type":71,"value":703},{"type":65,"tag":184,"props":2960,"children":2961},{"style":213},[2962],{"type":71,"value":2418},{"type":65,"tag":184,"props":2964,"children":2965},{"style":207},[2966],{"type":71,"value":2501},{"type":65,"tag":184,"props":2968,"children":2969},{"style":433},[2970],{"type":71,"value":2971},"then",{"type":65,"tag":184,"props":2973,"children":2974},{"style":213},[2975],{"type":71,"value":475},{"type":65,"tag":184,"props":2977,"children":2978},{"style":207},[2979],{"type":71,"value":475},{"type":65,"tag":184,"props":2981,"children":2982},{"style":570},[2983],{"type":71,"value":2984},"r",{"type":65,"tag":184,"props":2986,"children":2987},{"style":207},[2988],{"type":71,"value":2418},{"type":65,"tag":184,"props":2990,"children":2991},{"style":412},[2992],{"type":71,"value":583},{"type":65,"tag":184,"props":2994,"children":2995},{"style":213},[2996],{"type":71,"value":2997}," r",{"type":65,"tag":184,"props":2999,"children":3000},{"style":207},[3001],{"type":71,"value":2501},{"type":65,"tag":184,"props":3003,"children":3004},{"style":433},[3005],{"type":71,"value":3006},"json",{"type":65,"tag":184,"props":3008,"children":3009},{"style":213},[3010],{"type":71,"value":3011},"())",{"type":65,"tag":184,"props":3013,"children":3014},{"style":207},[3015],{"type":71,"value":279},{"type":65,"tag":184,"props":3017,"children":3018},{"class":186,"line":443},[3019,3023],{"type":65,"tag":184,"props":3020,"children":3021},{"style":207},[3022],{"type":71,"value":314},{"type":65,"tag":184,"props":3024,"children":3025},{"style":213},[3026],{"type":71,"value":668},{"type":65,"tag":184,"props":3028,"children":3029},{"class":186,"line":451},[3030],{"type":65,"tag":184,"props":3031,"children":3032},{"emptyLinePlaceholder":376},[3033],{"type":71,"value":379},{"type":65,"tag":184,"props":3035,"children":3036},{"class":186,"line":483},[3037,3041,3045,3049,3053,3057,3061,3065,3070,3074,3079],{"type":65,"tag":184,"props":3038,"children":3039},{"style":201},[3040],{"type":71,"value":971},{"type":65,"tag":184,"props":3042,"children":3043},{"style":412},[3044],{"type":71,"value":976},{"type":65,"tag":184,"props":3046,"children":3047},{"style":213},[3048],{"type":71,"value":981},{"type":65,"tag":184,"props":3050,"children":3051},{"style":207},[3052],{"type":71,"value":425},{"type":65,"tag":184,"props":3054,"children":3055},{"style":433},[3056],{"type":71,"value":2724},{"type":65,"tag":184,"props":3058,"children":3059},{"style":213},[3060],{"type":71,"value":475},{"type":65,"tag":184,"props":3062,"children":3063},{"style":207},[3064],{"type":71,"value":703},{"type":65,"tag":184,"props":3066,"children":3067},{"style":244},[3068],{"type":71,"value":3069},"\u002Fposts",{"type":65,"tag":184,"props":3071,"children":3072},{"style":207},[3073],{"type":71,"value":703},{"type":65,"tag":184,"props":3075,"children":3076},{"style":213},[3077],{"type":71,"value":3078},")(",{"type":65,"tag":184,"props":3080,"children":3081},{"style":207},[3082],{"type":71,"value":480},{"type":65,"tag":184,"props":3084,"children":3085},{"class":186,"line":496},[3086,3091,3095,3099,3104,3108,3112],{"type":65,"tag":184,"props":3087,"children":3088},{"style":433},[3089],{"type":71,"value":3090},"  loader",{"type":65,"tag":184,"props":3092,"children":3093},{"style":207},[3094],{"type":71,"value":508},{"type":65,"tag":184,"props":3096,"children":3097},{"style":207},[3098],{"type":71,"value":567},{"type":65,"tag":184,"props":3100,"children":3101},{"style":570},[3102],{"type":71,"value":3103}," context",{"type":65,"tag":184,"props":3105,"children":3106},{"style":207},[3107],{"type":71,"value":578},{"type":65,"tag":184,"props":3109,"children":3110},{"style":412},[3111],{"type":71,"value":583},{"type":65,"tag":184,"props":3113,"children":3114},{"style":207},[3115],{"type":71,"value":265},{"type":65,"tag":184,"props":3117,"children":3118},{"class":186,"line":526},[3119],{"type":65,"tag":184,"props":3120,"children":3121},{"style":191},[3122],{"type":71,"value":3123},"    \u002F\u002F ensureQueryData returns cached data if available, fetches if not in cache\n",{"type":65,"tag":184,"props":3125,"children":3126},{"class":186,"line":552},[3127],{"type":65,"tag":184,"props":3128,"children":3129},{"style":191},[3130],{"type":71,"value":3131},"    \u002F\u002F To also refetch stale data, pass revalidateIfStale: true\n",{"type":65,"tag":184,"props":3133,"children":3134},{"class":186,"line":591},[3135,3140,3144,3148,3152,3156,3160,3164,3169],{"type":65,"tag":184,"props":3136,"children":3137},{"style":201},[3138],{"type":71,"value":3139},"    return",{"type":65,"tag":184,"props":3141,"children":3142},{"style":213},[3143],{"type":71,"value":3103},{"type":65,"tag":184,"props":3145,"children":3146},{"style":207},[3147],{"type":71,"value":2501},{"type":65,"tag":184,"props":3149,"children":3150},{"style":213},[3151],{"type":71,"value":618},{"type":65,"tag":184,"props":3153,"children":3154},{"style":207},[3155],{"type":71,"value":2501},{"type":65,"tag":184,"props":3157,"children":3158},{"style":433},[3159],{"type":71,"value":2633},{"type":65,"tag":184,"props":3161,"children":3162},{"style":500},[3163],{"type":71,"value":475},{"type":65,"tag":184,"props":3165,"children":3166},{"style":213},[3167],{"type":71,"value":3168},"postsQueryOptions",{"type":65,"tag":184,"props":3170,"children":3171},{"style":500},[3172],{"type":71,"value":668},{"type":65,"tag":184,"props":3174,"children":3175},{"class":186,"line":645},[3176],{"type":65,"tag":184,"props":3177,"children":3178},{"style":207},[3179],{"type":71,"value":3180},"  },\n",{"type":65,"tag":184,"props":3182,"children":3183},{"class":186,"line":658},[3184,3188,3192,3197],{"type":65,"tag":184,"props":3185,"children":3186},{"style":500},[3187],{"type":71,"value":1036},{"type":65,"tag":184,"props":3189,"children":3190},{"style":207},[3191],{"type":71,"value":508},{"type":65,"tag":184,"props":3193,"children":3194},{"style":213},[3195],{"type":71,"value":3196}," PostsPage",{"type":65,"tag":184,"props":3198,"children":3199},{"style":207},[3200],{"type":71,"value":279},{"type":65,"tag":184,"props":3202,"children":3203},{"class":186,"line":671},[3204,3208],{"type":65,"tag":184,"props":3205,"children":3206},{"style":207},[3207],{"type":71,"value":314},{"type":65,"tag":184,"props":3209,"children":3210},{"style":213},[3211],{"type":71,"value":668},{"type":65,"tag":184,"props":3213,"children":3214},{"class":186,"line":679},[3215],{"type":65,"tag":184,"props":3216,"children":3217},{"emptyLinePlaceholder":376},[3218],{"type":71,"value":379},{"type":65,"tag":184,"props":3220,"children":3221},{"class":186,"line":710},[3222,3226,3230,3234],{"type":65,"tag":184,"props":3223,"children":3224},{"style":412},[3225],{"type":71,"value":783},{"type":65,"tag":184,"props":3227,"children":3228},{"style":433},[3229],{"type":71,"value":3196},{"type":65,"tag":184,"props":3231,"children":3232},{"style":207},[3233],{"type":71,"value":793},{"type":65,"tag":184,"props":3235,"children":3236},{"style":207},[3237],{"type":71,"value":265},{"type":65,"tag":184,"props":3239,"children":3240},{"class":186,"line":728},[3241],{"type":65,"tag":184,"props":3242,"children":3243},{"style":191},[3244],{"type":71,"value":3245},"  \u002F\u002F useSuspenseQuery subscribes to cache — gets background updates\n",{"type":65,"tag":184,"props":3247,"children":3248},{"class":186,"line":751},[3249,3253,3257,3262,3266,3271,3275,3279,3283,3287,3291],{"type":65,"tag":184,"props":3250,"children":3251},{"style":412},[3252],{"type":71,"value":1256},{"type":65,"tag":184,"props":3254,"children":3255},{"style":207},[3256],{"type":71,"value":210},{"type":65,"tag":184,"props":3258,"children":3259},{"style":500},[3260],{"type":71,"value":3261}," data",{"type":65,"tag":184,"props":3263,"children":3264},{"style":207},[3265],{"type":71,"value":508},{"type":65,"tag":184,"props":3267,"children":3268},{"style":213},[3269],{"type":71,"value":3270}," posts",{"type":65,"tag":184,"props":3272,"children":3273},{"style":207},[3274],{"type":71,"value":231},{"type":65,"tag":184,"props":3276,"children":3277},{"style":207},[3278],{"type":71,"value":1266},{"type":65,"tag":184,"props":3280,"children":3281},{"style":433},[3282],{"type":71,"value":2688},{"type":65,"tag":184,"props":3284,"children":3285},{"style":500},[3286],{"type":71,"value":475},{"type":65,"tag":184,"props":3288,"children":3289},{"style":213},[3290],{"type":71,"value":3168},{"type":65,"tag":184,"props":3292,"children":3293},{"style":500},[3294],{"type":71,"value":668},{"type":65,"tag":184,"props":3296,"children":3297},{"class":186,"line":760},[3298],{"type":65,"tag":184,"props":3299,"children":3300},{"emptyLinePlaceholder":376},[3301],{"type":71,"value":379},{"type":65,"tag":184,"props":3303,"children":3304},{"class":186,"line":769},[3305,3309],{"type":65,"tag":184,"props":3306,"children":3307},{"style":201},[3308],{"type":71,"value":806},{"type":65,"tag":184,"props":3310,"children":3311},{"style":500},[3312],{"type":71,"value":588},{"type":65,"tag":184,"props":3314,"children":3315},{"class":186,"line":777},[3316,3320,3324],{"type":65,"tag":184,"props":3317,"children":3318},{"style":207},[3319],{"type":71,"value":597},{"type":65,"tag":184,"props":3321,"children":3322},{"style":500},[3323],{"type":71,"value":2020},{"type":65,"tag":184,"props":3325,"children":3326},{"style":207},[3327],{"type":71,"value":642},{"type":65,"tag":184,"props":3329,"children":3330},{"class":186,"line":800},[3331,3336,3340,3344,3349,3353,3357,3362,3366,3370],{"type":65,"tag":184,"props":3332,"children":3333},{"style":207},[3334],{"type":71,"value":3335},"      {",{"type":65,"tag":184,"props":3337,"children":3338},{"style":213},[3339],{"type":71,"value":2869},{"type":65,"tag":184,"props":3341,"children":3342},{"style":207},[3343],{"type":71,"value":2501},{"type":65,"tag":184,"props":3345,"children":3346},{"style":433},[3347],{"type":71,"value":3348},"map",{"type":65,"tag":184,"props":3350,"children":3351},{"style":213},[3352],{"type":71,"value":475},{"type":65,"tag":184,"props":3354,"children":3355},{"style":207},[3356],{"type":71,"value":475},{"type":65,"tag":184,"props":3358,"children":3359},{"style":570},[3360],{"type":71,"value":3361},"post",{"type":65,"tag":184,"props":3363,"children":3364},{"style":207},[3365],{"type":71,"value":2418},{"type":65,"tag":184,"props":3367,"children":3368},{"style":412},[3369],{"type":71,"value":583},{"type":65,"tag":184,"props":3371,"children":3372},{"style":213},[3373],{"type":71,"value":588},{"type":65,"tag":184,"props":3375,"children":3376},{"class":186,"line":837},[3377,3382,3386,3391,3395,3399,3403,3408,3412,3416,3420,3425,3429,3433],{"type":65,"tag":184,"props":3378,"children":3379},{"style":207},[3380],{"type":71,"value":3381},"        \u003C",{"type":65,"tag":184,"props":3383,"children":3384},{"style":500},[3385],{"type":71,"value":2024},{"type":65,"tag":184,"props":3387,"children":3388},{"style":412},[3389],{"type":71,"value":3390}," key",{"type":65,"tag":184,"props":3392,"children":3393},{"style":207},[3394],{"type":71,"value":613},{"type":65,"tag":184,"props":3396,"children":3397},{"style":213},[3398],{"type":71,"value":3361},{"type":65,"tag":184,"props":3400,"children":3401},{"style":207},[3402],{"type":71,"value":2501},{"type":65,"tag":184,"props":3404,"children":3405},{"style":213},[3406],{"type":71,"value":3407},"id",{"type":65,"tag":184,"props":3409,"children":3410},{"style":207},[3411],{"type":71,"value":623},{"type":65,"tag":184,"props":3413,"children":3414},{"style":213},[3415],{"type":71,"value":3361},{"type":65,"tag":184,"props":3417,"children":3418},{"style":207},[3419],{"type":71,"value":2501},{"type":65,"tag":184,"props":3421,"children":3422},{"style":213},[3423],{"type":71,"value":3424},"title",{"type":65,"tag":184,"props":3426,"children":3427},{"style":207},[3428],{"type":71,"value":633},{"type":65,"tag":184,"props":3430,"children":3431},{"style":500},[3432],{"type":71,"value":2024},{"type":65,"tag":184,"props":3434,"children":3435},{"style":207},[3436],{"type":71,"value":642},{"type":65,"tag":184,"props":3438,"children":3440},{"class":186,"line":3439},33,[3441,3446],{"type":65,"tag":184,"props":3442,"children":3443},{"style":213},[3444],{"type":71,"value":3445},"      ))",{"type":65,"tag":184,"props":3447,"children":3448},{"style":207},[3449],{"type":71,"value":766},{"type":65,"tag":184,"props":3451,"children":3453},{"class":186,"line":3452},34,[3454,3459,3463],{"type":65,"tag":184,"props":3455,"children":3456},{"style":207},[3457],{"type":71,"value":3458},"    \u003C\u002F",{"type":65,"tag":184,"props":3460,"children":3461},{"style":500},[3462],{"type":71,"value":2020},{"type":65,"tag":184,"props":3464,"children":3465},{"style":207},[3466],{"type":71,"value":642},{"type":65,"tag":184,"props":3468,"children":3470},{"class":186,"line":3469},35,[3471],{"type":65,"tag":184,"props":3472,"children":3473},{"style":500},[3474],{"type":71,"value":3475},"  )\n",{"type":65,"tag":184,"props":3477,"children":3479},{"class":186,"line":3478},36,[3480],{"type":65,"tag":184,"props":3481,"children":3482},{"style":207},[3483],{"type":71,"value":766},{"type":65,"tag":166,"props":3485,"children":3487},{"id":3486},"with-dynamic-params",[3488],{"type":71,"value":3489},"With Dynamic Params",{"type":65,"tag":173,"props":3491,"children":3493},{"className":175,"code":3492,"language":177,"meta":178,"style":178},"\u002F\u002F src\u002Froutes\u002Fposts\u002F$postId.tsx\nimport { queryOptions, useSuspenseQuery } from '@tanstack\u002Freact-query'\nimport { createFileRoute } from '@tanstack\u002Freact-router'\n\ninterface Post {\n  id: string\n  title: string\n  content: string\n}\n\nconst postQueryOptions = (postId: string) =>\n  queryOptions({\n    queryKey: ['posts', postId],\n    queryFn: () => fetch(`\u002Fapi\u002Fposts\u002F${postId}`).then((r) => r.json()),\n  })\n\nexport const Route = createFileRoute('\u002Fposts\u002F$postId')({\n  loader: ({ context, params }) => {\n    return context.queryClient.ensureQueryData(postQueryOptions(params.postId))\n  },\n  component: PostPage,\n})\n\nfunction PostPage() {\n  const { postId } = Route.useParams()\n  const { data: post } = useSuspenseQuery(postQueryOptions(postId))\n\n  return \u003Carticle>{post.title}\u003C\u002Farticle>\n}\n",[3494],{"type":65,"tag":122,"props":3495,"children":3496},{"__ignoreMap":178},[3497,3505,3548,3583,3590,3605,3620,3635,3651,3658,3665,3707,3723,3764,3869,3880,3887,3935,3975,4033,4040,4060,4071,4078,4097,4139,4195,4202,4247],{"type":65,"tag":184,"props":3498,"children":3499},{"class":186,"line":187},[3500],{"type":65,"tag":184,"props":3501,"children":3502},{"style":191},[3503],{"type":71,"value":3504},"\u002F\u002F src\u002Froutes\u002Fposts\u002F$postId.tsx\n",{"type":65,"tag":184,"props":3506,"children":3507},{"class":186,"line":197},[3508,3512,3516,3520,3524,3528,3532,3536,3540,3544],{"type":65,"tag":184,"props":3509,"children":3510},{"style":201},[3511],{"type":71,"value":204},{"type":65,"tag":184,"props":3513,"children":3514},{"style":207},[3515],{"type":71,"value":210},{"type":65,"tag":184,"props":3517,"children":3518},{"style":213},[3519],{"type":71,"value":2679},{"type":65,"tag":184,"props":3521,"children":3522},{"style":207},[3523],{"type":71,"value":221},{"type":65,"tag":184,"props":3525,"children":3526},{"style":213},[3527],{"type":71,"value":2688},{"type":65,"tag":184,"props":3529,"children":3530},{"style":207},[3531],{"type":71,"value":231},{"type":65,"tag":184,"props":3533,"children":3534},{"style":201},[3535],{"type":71,"value":236},{"type":65,"tag":184,"props":3537,"children":3538},{"style":207},[3539],{"type":71,"value":241},{"type":65,"tag":184,"props":3541,"children":3542},{"style":244},[3543],{"type":71,"value":247},{"type":65,"tag":184,"props":3545,"children":3546},{"style":207},[3547],{"type":71,"value":252},{"type":65,"tag":184,"props":3549,"children":3550},{"class":186,"line":255},[3551,3555,3559,3563,3567,3571,3575,3579],{"type":65,"tag":184,"props":3552,"children":3553},{"style":201},[3554],{"type":71,"value":204},{"type":65,"tag":184,"props":3556,"children":3557},{"style":207},[3558],{"type":71,"value":210},{"type":65,"tag":184,"props":3560,"children":3561},{"style":213},[3562],{"type":71,"value":2724},{"type":65,"tag":184,"props":3564,"children":3565},{"style":207},[3566],{"type":71,"value":231},{"type":65,"tag":184,"props":3568,"children":3569},{"style":201},[3570],{"type":71,"value":236},{"type":65,"tag":184,"props":3572,"children":3573},{"style":207},[3574],{"type":71,"value":241},{"type":65,"tag":184,"props":3576,"children":3577},{"style":244},[3578],{"type":71,"value":327},{"type":65,"tag":184,"props":3580,"children":3581},{"style":207},[3582],{"type":71,"value":252},{"type":65,"tag":184,"props":3584,"children":3585},{"class":186,"line":268},[3586],{"type":65,"tag":184,"props":3587,"children":3588},{"emptyLinePlaceholder":376},[3589],{"type":71,"value":379},{"type":65,"tag":184,"props":3591,"children":3592},{"class":186,"line":282},[3593,3597,3601],{"type":65,"tag":184,"props":3594,"children":3595},{"style":412},[3596],{"type":71,"value":2759},{"type":65,"tag":184,"props":3598,"children":3599},{"style":600},[3600],{"type":71,"value":2764},{"type":65,"tag":184,"props":3602,"children":3603},{"style":207},[3604],{"type":71,"value":265},{"type":65,"tag":184,"props":3606,"children":3607},{"class":186,"line":295},[3608,3612,3616],{"type":65,"tag":184,"props":3609,"children":3610},{"style":500},[3611],{"type":71,"value":2776},{"type":65,"tag":184,"props":3613,"children":3614},{"style":207},[3615],{"type":71,"value":508},{"type":65,"tag":184,"props":3617,"children":3618},{"style":600},[3619],{"type":71,"value":2785},{"type":65,"tag":184,"props":3621,"children":3622},{"class":186,"line":308},[3623,3627,3631],{"type":65,"tag":184,"props":3624,"children":3625},{"style":500},[3626],{"type":71,"value":2793},{"type":65,"tag":184,"props":3628,"children":3629},{"style":207},[3630],{"type":71,"value":508},{"type":65,"tag":184,"props":3632,"children":3633},{"style":600},[3634],{"type":71,"value":2785},{"type":65,"tag":184,"props":3636,"children":3637},{"class":186,"line":334},[3638,3643,3647],{"type":65,"tag":184,"props":3639,"children":3640},{"style":500},[3641],{"type":71,"value":3642},"  content",{"type":65,"tag":184,"props":3644,"children":3645},{"style":207},[3646],{"type":71,"value":508},{"type":65,"tag":184,"props":3648,"children":3649},{"style":600},[3650],{"type":71,"value":2785},{"type":65,"tag":184,"props":3652,"children":3653},{"class":186,"line":372},[3654],{"type":65,"tag":184,"props":3655,"children":3656},{"style":207},[3657],{"type":71,"value":766},{"type":65,"tag":184,"props":3659,"children":3660},{"class":186,"line":382},[3661],{"type":65,"tag":184,"props":3662,"children":3663},{"emptyLinePlaceholder":376},[3664],{"type":71,"value":379},{"type":65,"tag":184,"props":3666,"children":3667},{"class":186,"line":391},[3668,3672,3677,3681,3685,3690,3694,3699,3703],{"type":65,"tag":184,"props":3669,"children":3670},{"style":412},[3671],{"type":71,"value":415},{"type":65,"tag":184,"props":3673,"children":3674},{"style":213},[3675],{"type":71,"value":3676}," postQueryOptions ",{"type":65,"tag":184,"props":3678,"children":3679},{"style":207},[3680],{"type":71,"value":425},{"type":65,"tag":184,"props":3682,"children":3683},{"style":207},[3684],{"type":71,"value":2385},{"type":65,"tag":184,"props":3686,"children":3687},{"style":570},[3688],{"type":71,"value":3689},"postId",{"type":65,"tag":184,"props":3691,"children":3692},{"style":207},[3693],{"type":71,"value":508},{"type":65,"tag":184,"props":3695,"children":3696},{"style":600},[3697],{"type":71,"value":3698}," string",{"type":65,"tag":184,"props":3700,"children":3701},{"style":207},[3702],{"type":71,"value":2418},{"type":65,"tag":184,"props":3704,"children":3705},{"style":412},[3706],{"type":71,"value":2933},{"type":65,"tag":184,"props":3708,"children":3709},{"class":186,"line":400},[3710,3715,3719],{"type":65,"tag":184,"props":3711,"children":3712},{"style":433},[3713],{"type":71,"value":3714},"  queryOptions",{"type":65,"tag":184,"props":3716,"children":3717},{"style":213},[3718],{"type":71,"value":475},{"type":65,"tag":184,"props":3720,"children":3721},{"style":207},[3722],{"type":71,"value":480},{"type":65,"tag":184,"props":3724,"children":3725},{"class":186,"line":408},[3726,3731,3735,3739,3743,3747,3751,3755,3760],{"type":65,"tag":184,"props":3727,"children":3728},{"style":500},[3729],{"type":71,"value":3730},"    queryKey",{"type":65,"tag":184,"props":3732,"children":3733},{"style":207},[3734],{"type":71,"value":508},{"type":65,"tag":184,"props":3736,"children":3737},{"style":213},[3738],{"type":71,"value":2860},{"type":65,"tag":184,"props":3740,"children":3741},{"style":207},[3742],{"type":71,"value":703},{"type":65,"tag":184,"props":3744,"children":3745},{"style":244},[3746],{"type":71,"value":2869},{"type":65,"tag":184,"props":3748,"children":3749},{"style":207},[3750],{"type":71,"value":703},{"type":65,"tag":184,"props":3752,"children":3753},{"style":207},[3754],{"type":71,"value":221},{"type":65,"tag":184,"props":3756,"children":3757},{"style":213},[3758],{"type":71,"value":3759}," postId]",{"type":65,"tag":184,"props":3761,"children":3762},{"style":207},[3763],{"type":71,"value":279},{"type":65,"tag":184,"props":3765,"children":3766},{"class":186,"line":443},[3767,3772,3776,3780,3784,3789,3793,3798,3803,3808,3812,3817,3821,3825,3829,3833,3837,3841,3845,3849,3853,3857,3861,3865],{"type":65,"tag":184,"props":3768,"children":3769},{"style":433},[3770],{"type":71,"value":3771},"    queryFn",{"type":65,"tag":184,"props":3773,"children":3774},{"style":207},[3775],{"type":71,"value":508},{"type":65,"tag":184,"props":3777,"children":3778},{"style":207},[3779],{"type":71,"value":1045},{"type":65,"tag":184,"props":3781,"children":3782},{"style":412},[3783],{"type":71,"value":583},{"type":65,"tag":184,"props":3785,"children":3786},{"style":433},[3787],{"type":71,"value":3788}," fetch",{"type":65,"tag":184,"props":3790,"children":3791},{"style":213},[3792],{"type":71,"value":475},{"type":65,"tag":184,"props":3794,"children":3795},{"style":207},[3796],{"type":71,"value":3797},"`",{"type":65,"tag":184,"props":3799,"children":3800},{"style":244},[3801],{"type":71,"value":3802},"\u002Fapi\u002Fposts\u002F",{"type":65,"tag":184,"props":3804,"children":3805},{"style":207},[3806],{"type":71,"value":3807},"${",{"type":65,"tag":184,"props":3809,"children":3810},{"style":213},[3811],{"type":71,"value":3689},{"type":65,"tag":184,"props":3813,"children":3814},{"style":207},[3815],{"type":71,"value":3816},"}`",{"type":65,"tag":184,"props":3818,"children":3819},{"style":213},[3820],{"type":71,"value":2418},{"type":65,"tag":184,"props":3822,"children":3823},{"style":207},[3824],{"type":71,"value":2501},{"type":65,"tag":184,"props":3826,"children":3827},{"style":433},[3828],{"type":71,"value":2971},{"type":65,"tag":184,"props":3830,"children":3831},{"style":213},[3832],{"type":71,"value":475},{"type":65,"tag":184,"props":3834,"children":3835},{"style":207},[3836],{"type":71,"value":475},{"type":65,"tag":184,"props":3838,"children":3839},{"style":570},[3840],{"type":71,"value":2984},{"type":65,"tag":184,"props":3842,"children":3843},{"style":207},[3844],{"type":71,"value":2418},{"type":65,"tag":184,"props":3846,"children":3847},{"style":412},[3848],{"type":71,"value":583},{"type":65,"tag":184,"props":3850,"children":3851},{"style":213},[3852],{"type":71,"value":2997},{"type":65,"tag":184,"props":3854,"children":3855},{"style":207},[3856],{"type":71,"value":2501},{"type":65,"tag":184,"props":3858,"children":3859},{"style":433},[3860],{"type":71,"value":3006},{"type":65,"tag":184,"props":3862,"children":3863},{"style":213},[3864],{"type":71,"value":3011},{"type":65,"tag":184,"props":3866,"children":3867},{"style":207},[3868],{"type":71,"value":279},{"type":65,"tag":184,"props":3870,"children":3871},{"class":186,"line":451},[3872,3876],{"type":65,"tag":184,"props":3873,"children":3874},{"style":207},[3875],{"type":71,"value":1457},{"type":65,"tag":184,"props":3877,"children":3878},{"style":213},[3879],{"type":71,"value":668},{"type":65,"tag":184,"props":3881,"children":3882},{"class":186,"line":483},[3883],{"type":65,"tag":184,"props":3884,"children":3885},{"emptyLinePlaceholder":376},[3886],{"type":71,"value":379},{"type":65,"tag":184,"props":3888,"children":3889},{"class":186,"line":496},[3890,3894,3898,3902,3906,3910,3914,3918,3923,3927,3931],{"type":65,"tag":184,"props":3891,"children":3892},{"style":201},[3893],{"type":71,"value":971},{"type":65,"tag":184,"props":3895,"children":3896},{"style":412},[3897],{"type":71,"value":976},{"type":65,"tag":184,"props":3899,"children":3900},{"style":213},[3901],{"type":71,"value":981},{"type":65,"tag":184,"props":3903,"children":3904},{"style":207},[3905],{"type":71,"value":425},{"type":65,"tag":184,"props":3907,"children":3908},{"style":433},[3909],{"type":71,"value":2724},{"type":65,"tag":184,"props":3911,"children":3912},{"style":213},[3913],{"type":71,"value":475},{"type":65,"tag":184,"props":3915,"children":3916},{"style":207},[3917],{"type":71,"value":703},{"type":65,"tag":184,"props":3919,"children":3920},{"style":244},[3921],{"type":71,"value":3922},"\u002Fposts\u002F$postId",{"type":65,"tag":184,"props":3924,"children":3925},{"style":207},[3926],{"type":71,"value":703},{"type":65,"tag":184,"props":3928,"children":3929},{"style":213},[3930],{"type":71,"value":3078},{"type":65,"tag":184,"props":3932,"children":3933},{"style":207},[3934],{"type":71,"value":480},{"type":65,"tag":184,"props":3936,"children":3937},{"class":186,"line":526},[3938,3942,3946,3950,3954,3958,3963,3967,3971],{"type":65,"tag":184,"props":3939,"children":3940},{"style":433},[3941],{"type":71,"value":3090},{"type":65,"tag":184,"props":3943,"children":3944},{"style":207},[3945],{"type":71,"value":508},{"type":65,"tag":184,"props":3947,"children":3948},{"style":207},[3949],{"type":71,"value":567},{"type":65,"tag":184,"props":3951,"children":3952},{"style":570},[3953],{"type":71,"value":3103},{"type":65,"tag":184,"props":3955,"children":3956},{"style":207},[3957],{"type":71,"value":221},{"type":65,"tag":184,"props":3959,"children":3960},{"style":570},[3961],{"type":71,"value":3962}," params",{"type":65,"tag":184,"props":3964,"children":3965},{"style":207},[3966],{"type":71,"value":578},{"type":65,"tag":184,"props":3968,"children":3969},{"style":412},[3970],{"type":71,"value":583},{"type":65,"tag":184,"props":3972,"children":3973},{"style":207},[3974],{"type":71,"value":265},{"type":65,"tag":184,"props":3976,"children":3977},{"class":186,"line":552},[3978,3982,3986,3990,3994,3998,4002,4006,4011,4015,4020,4024,4028],{"type":65,"tag":184,"props":3979,"children":3980},{"style":201},[3981],{"type":71,"value":3139},{"type":65,"tag":184,"props":3983,"children":3984},{"style":213},[3985],{"type":71,"value":3103},{"type":65,"tag":184,"props":3987,"children":3988},{"style":207},[3989],{"type":71,"value":2501},{"type":65,"tag":184,"props":3991,"children":3992},{"style":213},[3993],{"type":71,"value":618},{"type":65,"tag":184,"props":3995,"children":3996},{"style":207},[3997],{"type":71,"value":2501},{"type":65,"tag":184,"props":3999,"children":4000},{"style":433},[4001],{"type":71,"value":2633},{"type":65,"tag":184,"props":4003,"children":4004},{"style":500},[4005],{"type":71,"value":475},{"type":65,"tag":184,"props":4007,"children":4008},{"style":433},[4009],{"type":71,"value":4010},"postQueryOptions",{"type":65,"tag":184,"props":4012,"children":4013},{"style":500},[4014],{"type":71,"value":475},{"type":65,"tag":184,"props":4016,"children":4017},{"style":213},[4018],{"type":71,"value":4019},"params",{"type":65,"tag":184,"props":4021,"children":4022},{"style":207},[4023],{"type":71,"value":2501},{"type":65,"tag":184,"props":4025,"children":4026},{"style":213},[4027],{"type":71,"value":3689},{"type":65,"tag":184,"props":4029,"children":4030},{"style":500},[4031],{"type":71,"value":4032},"))\n",{"type":65,"tag":184,"props":4034,"children":4035},{"class":186,"line":591},[4036],{"type":65,"tag":184,"props":4037,"children":4038},{"style":207},[4039],{"type":71,"value":3180},{"type":65,"tag":184,"props":4041,"children":4042},{"class":186,"line":645},[4043,4047,4051,4056],{"type":65,"tag":184,"props":4044,"children":4045},{"style":500},[4046],{"type":71,"value":1036},{"type":65,"tag":184,"props":4048,"children":4049},{"style":207},[4050],{"type":71,"value":508},{"type":65,"tag":184,"props":4052,"children":4053},{"style":213},[4054],{"type":71,"value":4055}," PostPage",{"type":65,"tag":184,"props":4057,"children":4058},{"style":207},[4059],{"type":71,"value":279},{"type":65,"tag":184,"props":4061,"children":4062},{"class":186,"line":658},[4063,4067],{"type":65,"tag":184,"props":4064,"children":4065},{"style":207},[4066],{"type":71,"value":314},{"type":65,"tag":184,"props":4068,"children":4069},{"style":213},[4070],{"type":71,"value":668},{"type":65,"tag":184,"props":4072,"children":4073},{"class":186,"line":671},[4074],{"type":65,"tag":184,"props":4075,"children":4076},{"emptyLinePlaceholder":376},[4077],{"type":71,"value":379},{"type":65,"tag":184,"props":4079,"children":4080},{"class":186,"line":679},[4081,4085,4089,4093],{"type":65,"tag":184,"props":4082,"children":4083},{"style":412},[4084],{"type":71,"value":783},{"type":65,"tag":184,"props":4086,"children":4087},{"style":433},[4088],{"type":71,"value":4055},{"type":65,"tag":184,"props":4090,"children":4091},{"style":207},[4092],{"type":71,"value":793},{"type":65,"tag":184,"props":4094,"children":4095},{"style":207},[4096],{"type":71,"value":265},{"type":65,"tag":184,"props":4098,"children":4099},{"class":186,"line":710},[4100,4104,4108,4113,4117,4121,4126,4130,4135],{"type":65,"tag":184,"props":4101,"children":4102},{"style":412},[4103],{"type":71,"value":1256},{"type":65,"tag":184,"props":4105,"children":4106},{"style":207},[4107],{"type":71,"value":210},{"type":65,"tag":184,"props":4109,"children":4110},{"style":213},[4111],{"type":71,"value":4112}," postId",{"type":65,"tag":184,"props":4114,"children":4115},{"style":207},[4116],{"type":71,"value":231},{"type":65,"tag":184,"props":4118,"children":4119},{"style":207},[4120],{"type":71,"value":1266},{"type":65,"tag":184,"props":4122,"children":4123},{"style":213},[4124],{"type":71,"value":4125}," Route",{"type":65,"tag":184,"props":4127,"children":4128},{"style":207},[4129],{"type":71,"value":2501},{"type":65,"tag":184,"props":4131,"children":4132},{"style":433},[4133],{"type":71,"value":4134},"useParams",{"type":65,"tag":184,"props":4136,"children":4137},{"style":500},[4138],{"type":71,"value":440},{"type":65,"tag":184,"props":4140,"children":4141},{"class":186,"line":728},[4142,4146,4150,4154,4158,4163,4167,4171,4175,4179,4183,4187,4191],{"type":65,"tag":184,"props":4143,"children":4144},{"style":412},[4145],{"type":71,"value":1256},{"type":65,"tag":184,"props":4147,"children":4148},{"style":207},[4149],{"type":71,"value":210},{"type":65,"tag":184,"props":4151,"children":4152},{"style":500},[4153],{"type":71,"value":3261},{"type":65,"tag":184,"props":4155,"children":4156},{"style":207},[4157],{"type":71,"value":508},{"type":65,"tag":184,"props":4159,"children":4160},{"style":213},[4161],{"type":71,"value":4162}," post",{"type":65,"tag":184,"props":4164,"children":4165},{"style":207},[4166],{"type":71,"value":231},{"type":65,"tag":184,"props":4168,"children":4169},{"style":207},[4170],{"type":71,"value":1266},{"type":65,"tag":184,"props":4172,"children":4173},{"style":433},[4174],{"type":71,"value":2688},{"type":65,"tag":184,"props":4176,"children":4177},{"style":500},[4178],{"type":71,"value":475},{"type":65,"tag":184,"props":4180,"children":4181},{"style":433},[4182],{"type":71,"value":4010},{"type":65,"tag":184,"props":4184,"children":4185},{"style":500},[4186],{"type":71,"value":475},{"type":65,"tag":184,"props":4188,"children":4189},{"style":213},[4190],{"type":71,"value":3689},{"type":65,"tag":184,"props":4192,"children":4193},{"style":500},[4194],{"type":71,"value":4032},{"type":65,"tag":184,"props":4196,"children":4197},{"class":186,"line":751},[4198],{"type":65,"tag":184,"props":4199,"children":4200},{"emptyLinePlaceholder":376},[4201],{"type":71,"value":379},{"type":65,"tag":184,"props":4203,"children":4204},{"class":186,"line":760},[4205,4209,4213,4218,4223,4227,4231,4235,4239,4243],{"type":65,"tag":184,"props":4206,"children":4207},{"style":201},[4208],{"type":71,"value":806},{"type":65,"tag":184,"props":4210,"children":4211},{"style":207},[4212],{"type":71,"value":811},{"type":65,"tag":184,"props":4214,"children":4215},{"style":500},[4216],{"type":71,"value":4217},"article",{"type":65,"tag":184,"props":4219,"children":4220},{"style":207},[4221],{"type":71,"value":4222},">{",{"type":65,"tag":184,"props":4224,"children":4225},{"style":213},[4226],{"type":71,"value":3361},{"type":65,"tag":184,"props":4228,"children":4229},{"style":207},[4230],{"type":71,"value":2501},{"type":65,"tag":184,"props":4232,"children":4233},{"style":213},[4234],{"type":71,"value":3424},{"type":65,"tag":184,"props":4236,"children":4237},{"style":207},[4238],{"type":71,"value":633},{"type":65,"tag":184,"props":4240,"children":4241},{"style":500},[4242],{"type":71,"value":4217},{"type":65,"tag":184,"props":4244,"children":4245},{"style":207},[4246],{"type":71,"value":642},{"type":65,"tag":184,"props":4248,"children":4249},{"class":186,"line":769},[4250],{"type":65,"tag":184,"props":4251,"children":4252},{"style":207},[4253],{"type":71,"value":766},{"type":65,"tag":159,"props":4255,"children":4257},{"id":4256},"streaming-pattern-prefetchquery-not-awaited",[4258,4260,4266],{"type":71,"value":4259},"Streaming Pattern: ",{"type":65,"tag":122,"props":4261,"children":4263},{"className":4262},[],[4264],{"type":71,"value":4265},"prefetchQuery",{"type":71,"value":4267}," (Not Awaited)",{"type":65,"tag":74,"props":4269,"children":4270},{},[4271],{"type":71,"value":4272},"For non-critical data, start the fetch without blocking navigation:",{"type":65,"tag":173,"props":4274,"children":4276},{"className":175,"code":4275,"language":177,"meta":178,"style":178},"import { useQuery, useSuspenseQuery } from '@tanstack\u002Freact-query'\n\nexport const Route = createFileRoute('\u002Fdashboard')({\n  loader: ({ context }) => {\n    \u002F\u002F Await critical data\n    const user = context.queryClient.ensureQueryData(userQueryOptions)\n\n    \u002F\u002F Start non-critical fetch without awaiting — streams during SSR\n    context.queryClient.prefetchQuery(analyticsQueryOptions)\n\n    return user\n  },\n  component: Dashboard,\n})\n\nfunction Dashboard() {\n  \u002F\u002F Critical: suspense (data ready immediately)\n  const { data: user } = useSuspenseQuery(userQueryOptions)\n\n  \u002F\u002F Non-critical: regular query (shows loading state)\n  const { data: analytics, isLoading } = useQuery(analyticsQueryOptions)\n\n  return (\n    \u003Cdiv>\n      \u003Ch1>Welcome {user.name}\u003C\u002Fh1>\n      {isLoading ? \u003CSkeleton \u002F> : \u003CAnalyticsChart data={analytics} \u002F>}\n    \u003C\u002Fdiv>\n  )\n}\n",[4277],{"type":65,"tag":122,"props":4278,"children":4279},{"__ignoreMap":178},[4280,4324,4331,4379,4410,4418,4468,4475,4483,4519,4526,4538,4545,4565,4576,4583,4602,4610,4657,4664,4672,4729,4736,4747,4763,4815,4878,4893,4900],{"type":65,"tag":184,"props":4281,"children":4282},{"class":186,"line":187},[4283,4287,4291,4296,4300,4304,4308,4312,4316,4320],{"type":65,"tag":184,"props":4284,"children":4285},{"style":201},[4286],{"type":71,"value":204},{"type":65,"tag":184,"props":4288,"children":4289},{"style":207},[4290],{"type":71,"value":210},{"type":65,"tag":184,"props":4292,"children":4293},{"style":213},[4294],{"type":71,"value":4295}," useQuery",{"type":65,"tag":184,"props":4297,"children":4298},{"style":207},[4299],{"type":71,"value":221},{"type":65,"tag":184,"props":4301,"children":4302},{"style":213},[4303],{"type":71,"value":2688},{"type":65,"tag":184,"props":4305,"children":4306},{"style":207},[4307],{"type":71,"value":231},{"type":65,"tag":184,"props":4309,"children":4310},{"style":201},[4311],{"type":71,"value":236},{"type":65,"tag":184,"props":4313,"children":4314},{"style":207},[4315],{"type":71,"value":241},{"type":65,"tag":184,"props":4317,"children":4318},{"style":244},[4319],{"type":71,"value":247},{"type":65,"tag":184,"props":4321,"children":4322},{"style":207},[4323],{"type":71,"value":252},{"type":65,"tag":184,"props":4325,"children":4326},{"class":186,"line":197},[4327],{"type":65,"tag":184,"props":4328,"children":4329},{"emptyLinePlaceholder":376},[4330],{"type":71,"value":379},{"type":65,"tag":184,"props":4332,"children":4333},{"class":186,"line":255},[4334,4338,4342,4346,4350,4354,4358,4362,4367,4371,4375],{"type":65,"tag":184,"props":4335,"children":4336},{"style":201},[4337],{"type":71,"value":971},{"type":65,"tag":184,"props":4339,"children":4340},{"style":412},[4341],{"type":71,"value":976},{"type":65,"tag":184,"props":4343,"children":4344},{"style":213},[4345],{"type":71,"value":981},{"type":65,"tag":184,"props":4347,"children":4348},{"style":207},[4349],{"type":71,"value":425},{"type":65,"tag":184,"props":4351,"children":4352},{"style":433},[4353],{"type":71,"value":2724},{"type":65,"tag":184,"props":4355,"children":4356},{"style":213},[4357],{"type":71,"value":475},{"type":65,"tag":184,"props":4359,"children":4360},{"style":207},[4361],{"type":71,"value":703},{"type":65,"tag":184,"props":4363,"children":4364},{"style":244},[4365],{"type":71,"value":4366},"\u002Fdashboard",{"type":65,"tag":184,"props":4368,"children":4369},{"style":207},[4370],{"type":71,"value":703},{"type":65,"tag":184,"props":4372,"children":4373},{"style":213},[4374],{"type":71,"value":3078},{"type":65,"tag":184,"props":4376,"children":4377},{"style":207},[4378],{"type":71,"value":480},{"type":65,"tag":184,"props":4380,"children":4381},{"class":186,"line":268},[4382,4386,4390,4394,4398,4402,4406],{"type":65,"tag":184,"props":4383,"children":4384},{"style":433},[4385],{"type":71,"value":3090},{"type":65,"tag":184,"props":4387,"children":4388},{"style":207},[4389],{"type":71,"value":508},{"type":65,"tag":184,"props":4391,"children":4392},{"style":207},[4393],{"type":71,"value":567},{"type":65,"tag":184,"props":4395,"children":4396},{"style":570},[4397],{"type":71,"value":3103},{"type":65,"tag":184,"props":4399,"children":4400},{"style":207},[4401],{"type":71,"value":578},{"type":65,"tag":184,"props":4403,"children":4404},{"style":412},[4405],{"type":71,"value":583},{"type":65,"tag":184,"props":4407,"children":4408},{"style":207},[4409],{"type":71,"value":265},{"type":65,"tag":184,"props":4411,"children":4412},{"class":186,"line":282},[4413],{"type":65,"tag":184,"props":4414,"children":4415},{"style":191},[4416],{"type":71,"value":4417},"    \u002F\u002F Await critical data\n",{"type":65,"tag":184,"props":4419,"children":4420},{"class":186,"line":295},[4421,4426,4431,4435,4439,4443,4447,4451,4455,4459,4464],{"type":65,"tag":184,"props":4422,"children":4423},{"style":412},[4424],{"type":71,"value":4425},"    const",{"type":65,"tag":184,"props":4427,"children":4428},{"style":213},[4429],{"type":71,"value":4430}," user",{"type":65,"tag":184,"props":4432,"children":4433},{"style":207},[4434],{"type":71,"value":1266},{"type":65,"tag":184,"props":4436,"children":4437},{"style":213},[4438],{"type":71,"value":3103},{"type":65,"tag":184,"props":4440,"children":4441},{"style":207},[4442],{"type":71,"value":2501},{"type":65,"tag":184,"props":4444,"children":4445},{"style":213},[4446],{"type":71,"value":618},{"type":65,"tag":184,"props":4448,"children":4449},{"style":207},[4450],{"type":71,"value":2501},{"type":65,"tag":184,"props":4452,"children":4453},{"style":433},[4454],{"type":71,"value":2633},{"type":65,"tag":184,"props":4456,"children":4457},{"style":500},[4458],{"type":71,"value":475},{"type":65,"tag":184,"props":4460,"children":4461},{"style":213},[4462],{"type":71,"value":4463},"userQueryOptions",{"type":65,"tag":184,"props":4465,"children":4466},{"style":500},[4467],{"type":71,"value":668},{"type":65,"tag":184,"props":4469,"children":4470},{"class":186,"line":308},[4471],{"type":65,"tag":184,"props":4472,"children":4473},{"emptyLinePlaceholder":376},[4474],{"type":71,"value":379},{"type":65,"tag":184,"props":4476,"children":4477},{"class":186,"line":334},[4478],{"type":65,"tag":184,"props":4479,"children":4480},{"style":191},[4481],{"type":71,"value":4482},"    \u002F\u002F Start non-critical fetch without awaiting — streams during SSR\n",{"type":65,"tag":184,"props":4484,"children":4485},{"class":186,"line":372},[4486,4490,4494,4498,4502,4506,4510,4515],{"type":65,"tag":184,"props":4487,"children":4488},{"style":213},[4489],{"type":71,"value":1344},{"type":65,"tag":184,"props":4491,"children":4492},{"style":207},[4493],{"type":71,"value":2501},{"type":65,"tag":184,"props":4495,"children":4496},{"style":213},[4497],{"type":71,"value":618},{"type":65,"tag":184,"props":4499,"children":4500},{"style":207},[4501],{"type":71,"value":2501},{"type":65,"tag":184,"props":4503,"children":4504},{"style":433},[4505],{"type":71,"value":4265},{"type":65,"tag":184,"props":4507,"children":4508},{"style":500},[4509],{"type":71,"value":475},{"type":65,"tag":184,"props":4511,"children":4512},{"style":213},[4513],{"type":71,"value":4514},"analyticsQueryOptions",{"type":65,"tag":184,"props":4516,"children":4517},{"style":500},[4518],{"type":71,"value":668},{"type":65,"tag":184,"props":4520,"children":4521},{"class":186,"line":382},[4522],{"type":65,"tag":184,"props":4523,"children":4524},{"emptyLinePlaceholder":376},[4525],{"type":71,"value":379},{"type":65,"tag":184,"props":4527,"children":4528},{"class":186,"line":391},[4529,4533],{"type":65,"tag":184,"props":4530,"children":4531},{"style":201},[4532],{"type":71,"value":3139},{"type":65,"tag":184,"props":4534,"children":4535},{"style":213},[4536],{"type":71,"value":4537}," user\n",{"type":65,"tag":184,"props":4539,"children":4540},{"class":186,"line":400},[4541],{"type":65,"tag":184,"props":4542,"children":4543},{"style":207},[4544],{"type":71,"value":3180},{"type":65,"tag":184,"props":4546,"children":4547},{"class":186,"line":408},[4548,4552,4556,4561],{"type":65,"tag":184,"props":4549,"children":4550},{"style":500},[4551],{"type":71,"value":1036},{"type":65,"tag":184,"props":4553,"children":4554},{"style":207},[4555],{"type":71,"value":508},{"type":65,"tag":184,"props":4557,"children":4558},{"style":213},[4559],{"type":71,"value":4560}," Dashboard",{"type":65,"tag":184,"props":4562,"children":4563},{"style":207},[4564],{"type":71,"value":279},{"type":65,"tag":184,"props":4566,"children":4567},{"class":186,"line":443},[4568,4572],{"type":65,"tag":184,"props":4569,"children":4570},{"style":207},[4571],{"type":71,"value":314},{"type":65,"tag":184,"props":4573,"children":4574},{"style":213},[4575],{"type":71,"value":668},{"type":65,"tag":184,"props":4577,"children":4578},{"class":186,"line":451},[4579],{"type":65,"tag":184,"props":4580,"children":4581},{"emptyLinePlaceholder":376},[4582],{"type":71,"value":379},{"type":65,"tag":184,"props":4584,"children":4585},{"class":186,"line":483},[4586,4590,4594,4598],{"type":65,"tag":184,"props":4587,"children":4588},{"style":412},[4589],{"type":71,"value":783},{"type":65,"tag":184,"props":4591,"children":4592},{"style":433},[4593],{"type":71,"value":4560},{"type":65,"tag":184,"props":4595,"children":4596},{"style":207},[4597],{"type":71,"value":793},{"type":65,"tag":184,"props":4599,"children":4600},{"style":207},[4601],{"type":71,"value":265},{"type":65,"tag":184,"props":4603,"children":4604},{"class":186,"line":496},[4605],{"type":65,"tag":184,"props":4606,"children":4607},{"style":191},[4608],{"type":71,"value":4609},"  \u002F\u002F Critical: suspense (data ready immediately)\n",{"type":65,"tag":184,"props":4611,"children":4612},{"class":186,"line":526},[4613,4617,4621,4625,4629,4633,4637,4641,4645,4649,4653],{"type":65,"tag":184,"props":4614,"children":4615},{"style":412},[4616],{"type":71,"value":1256},{"type":65,"tag":184,"props":4618,"children":4619},{"style":207},[4620],{"type":71,"value":210},{"type":65,"tag":184,"props":4622,"children":4623},{"style":500},[4624],{"type":71,"value":3261},{"type":65,"tag":184,"props":4626,"children":4627},{"style":207},[4628],{"type":71,"value":508},{"type":65,"tag":184,"props":4630,"children":4631},{"style":213},[4632],{"type":71,"value":4430},{"type":65,"tag":184,"props":4634,"children":4635},{"style":207},[4636],{"type":71,"value":231},{"type":65,"tag":184,"props":4638,"children":4639},{"style":207},[4640],{"type":71,"value":1266},{"type":65,"tag":184,"props":4642,"children":4643},{"style":433},[4644],{"type":71,"value":2688},{"type":65,"tag":184,"props":4646,"children":4647},{"style":500},[4648],{"type":71,"value":475},{"type":65,"tag":184,"props":4650,"children":4651},{"style":213},[4652],{"type":71,"value":4463},{"type":65,"tag":184,"props":4654,"children":4655},{"style":500},[4656],{"type":71,"value":668},{"type":65,"tag":184,"props":4658,"children":4659},{"class":186,"line":552},[4660],{"type":65,"tag":184,"props":4661,"children":4662},{"emptyLinePlaceholder":376},[4663],{"type":71,"value":379},{"type":65,"tag":184,"props":4665,"children":4666},{"class":186,"line":591},[4667],{"type":65,"tag":184,"props":4668,"children":4669},{"style":191},[4670],{"type":71,"value":4671},"  \u002F\u002F Non-critical: regular query (shows loading state)\n",{"type":65,"tag":184,"props":4673,"children":4674},{"class":186,"line":645},[4675,4679,4683,4687,4691,4696,4700,4705,4709,4713,4717,4721,4725],{"type":65,"tag":184,"props":4676,"children":4677},{"style":412},[4678],{"type":71,"value":1256},{"type":65,"tag":184,"props":4680,"children":4681},{"style":207},[4682],{"type":71,"value":210},{"type":65,"tag":184,"props":4684,"children":4685},{"style":500},[4686],{"type":71,"value":3261},{"type":65,"tag":184,"props":4688,"children":4689},{"style":207},[4690],{"type":71,"value":508},{"type":65,"tag":184,"props":4692,"children":4693},{"style":213},[4694],{"type":71,"value":4695}," analytics",{"type":65,"tag":184,"props":4697,"children":4698},{"style":207},[4699],{"type":71,"value":221},{"type":65,"tag":184,"props":4701,"children":4702},{"style":213},[4703],{"type":71,"value":4704}," isLoading",{"type":65,"tag":184,"props":4706,"children":4707},{"style":207},[4708],{"type":71,"value":231},{"type":65,"tag":184,"props":4710,"children":4711},{"style":207},[4712],{"type":71,"value":1266},{"type":65,"tag":184,"props":4714,"children":4715},{"style":433},[4716],{"type":71,"value":4295},{"type":65,"tag":184,"props":4718,"children":4719},{"style":500},[4720],{"type":71,"value":475},{"type":65,"tag":184,"props":4722,"children":4723},{"style":213},[4724],{"type":71,"value":4514},{"type":65,"tag":184,"props":4726,"children":4727},{"style":500},[4728],{"type":71,"value":668},{"type":65,"tag":184,"props":4730,"children":4731},{"class":186,"line":658},[4732],{"type":65,"tag":184,"props":4733,"children":4734},{"emptyLinePlaceholder":376},[4735],{"type":71,"value":379},{"type":65,"tag":184,"props":4737,"children":4738},{"class":186,"line":671},[4739,4743],{"type":65,"tag":184,"props":4740,"children":4741},{"style":201},[4742],{"type":71,"value":806},{"type":65,"tag":184,"props":4744,"children":4745},{"style":500},[4746],{"type":71,"value":588},{"type":65,"tag":184,"props":4748,"children":4749},{"class":186,"line":679},[4750,4754,4759],{"type":65,"tag":184,"props":4751,"children":4752},{"style":207},[4753],{"type":71,"value":597},{"type":65,"tag":184,"props":4755,"children":4756},{"style":500},[4757],{"type":71,"value":4758},"div",{"type":65,"tag":184,"props":4760,"children":4761},{"style":207},[4762],{"type":71,"value":642},{"type":65,"tag":184,"props":4764,"children":4765},{"class":186,"line":710},[4766,4770,4774,4779,4784,4789,4794,4798,4803,4807,4811],{"type":65,"tag":184,"props":4767,"children":4768},{"style":207},[4769],{"type":71,"value":1401},{"type":65,"tag":184,"props":4771,"children":4772},{"style":500},[4773],{"type":71,"value":66},{"type":65,"tag":184,"props":4775,"children":4776},{"style":207},[4777],{"type":71,"value":4778},">",{"type":65,"tag":184,"props":4780,"children":4781},{"style":213},[4782],{"type":71,"value":4783},"Welcome ",{"type":65,"tag":184,"props":4785,"children":4786},{"style":207},[4787],{"type":71,"value":4788},"{",{"type":65,"tag":184,"props":4790,"children":4791},{"style":213},[4792],{"type":71,"value":4793},"user",{"type":65,"tag":184,"props":4795,"children":4796},{"style":207},[4797],{"type":71,"value":2501},{"type":65,"tag":184,"props":4799,"children":4800},{"style":213},[4801],{"type":71,"value":4802},"name",{"type":65,"tag":184,"props":4804,"children":4805},{"style":207},[4806],{"type":71,"value":633},{"type":65,"tag":184,"props":4808,"children":4809},{"style":500},[4810],{"type":71,"value":66},{"type":65,"tag":184,"props":4812,"children":4813},{"style":207},[4814],{"type":71,"value":642},{"type":65,"tag":184,"props":4816,"children":4817},{"class":186,"line":728},[4818,4822,4827,4832,4836,4841,4846,4851,4855,4860,4864,4868,4873],{"type":65,"tag":184,"props":4819,"children":4820},{"style":207},[4821],{"type":71,"value":3335},{"type":65,"tag":184,"props":4823,"children":4824},{"style":213},[4825],{"type":71,"value":4826},"isLoading ",{"type":65,"tag":184,"props":4828,"children":4829},{"style":207},[4830],{"type":71,"value":4831},"?",{"type":65,"tag":184,"props":4833,"children":4834},{"style":207},[4835],{"type":71,"value":811},{"type":65,"tag":184,"props":4837,"children":4838},{"style":600},[4839],{"type":71,"value":4840},"Skeleton",{"type":65,"tag":184,"props":4842,"children":4843},{"style":207},[4844],{"type":71,"value":4845}," \u002F>",{"type":65,"tag":184,"props":4847,"children":4848},{"style":207},[4849],{"type":71,"value":4850}," :",{"type":65,"tag":184,"props":4852,"children":4853},{"style":207},[4854],{"type":71,"value":811},{"type":65,"tag":184,"props":4856,"children":4857},{"style":600},[4858],{"type":71,"value":4859},"AnalyticsChart",{"type":65,"tag":184,"props":4861,"children":4862},{"style":412},[4863],{"type":71,"value":3261},{"type":65,"tag":184,"props":4865,"children":4866},{"style":207},[4867],{"type":71,"value":613},{"type":65,"tag":184,"props":4869,"children":4870},{"style":213},[4871],{"type":71,"value":4872},"analytics",{"type":65,"tag":184,"props":4874,"children":4875},{"style":207},[4876],{"type":71,"value":4877},"} \u002F>}\n",{"type":65,"tag":184,"props":4879,"children":4880},{"class":186,"line":751},[4881,4885,4889],{"type":65,"tag":184,"props":4882,"children":4883},{"style":207},[4884],{"type":71,"value":3458},{"type":65,"tag":184,"props":4886,"children":4887},{"style":500},[4888],{"type":71,"value":4758},{"type":65,"tag":184,"props":4890,"children":4891},{"style":207},[4892],{"type":71,"value":642},{"type":65,"tag":184,"props":4894,"children":4895},{"class":186,"line":760},[4896],{"type":65,"tag":184,"props":4897,"children":4898},{"style":500},[4899],{"type":71,"value":3475},{"type":65,"tag":184,"props":4901,"children":4902},{"class":186,"line":769},[4903],{"type":65,"tag":184,"props":4904,"children":4905},{"style":207},[4906],{"type":71,"value":766},{"type":65,"tag":159,"props":4908,"children":4910},{"id":4909},"error-handling-with-usequeryerrorresetboundary",[4911,4913],{"type":71,"value":4912},"Error Handling with ",{"type":65,"tag":122,"props":4914,"children":4916},{"className":4915},[],[4917],{"type":71,"value":4918},"useQueryErrorResetBoundary",{"type":65,"tag":173,"props":4920,"children":4922},{"className":175,"code":4921,"language":177,"meta":178,"style":178},"import { useEffect } from 'react'\nimport { useQueryErrorResetBoundary } from '@tanstack\u002Freact-query'\nimport { useRouter } from '@tanstack\u002Freact-router'\n\nexport const Route = createFileRoute('\u002Fposts')({\n  loader: ({ context }) =>\n    context.queryClient.ensureQueryData(postsQueryOptions),\n  errorComponent: PostsErrorComponent,\n  component: PostsPage,\n})\n\nfunction PostsErrorComponent({\n  error,\n  reset,\n}: {\n  error: Error\n  reset: () => void\n}) {\n  const router = useRouter()\n  const queryErrorResetBoundary = useQueryErrorResetBoundary()\n\n  useEffect(() => {\n    queryErrorResetBoundary.reset()\n  }, [queryErrorResetBoundary])\n\n  return (\n    \u003Cdiv>\n      \u003Cp>{error.message}\u003C\u002Fp>\n      \u003Cbutton onClick={() => router.invalidate()}>Retry\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n  )\n}\n",[4923],{"type":65,"tag":122,"props":4924,"children":4925},{"__ignoreMap":178},[4926,4962,4998,5034,5041,5088,5115,5147,5168,5187,5198,5205,5221,5233,5245,5257,5273,5297,5309,5332,5356,5363,5387,5408,5430,5437,5448,5463,5504,5569,5584,5591],{"type":65,"tag":184,"props":4927,"children":4928},{"class":186,"line":187},[4929,4933,4937,4942,4946,4950,4954,4958],{"type":65,"tag":184,"props":4930,"children":4931},{"style":201},[4932],{"type":71,"value":204},{"type":65,"tag":184,"props":4934,"children":4935},{"style":207},[4936],{"type":71,"value":210},{"type":65,"tag":184,"props":4938,"children":4939},{"style":213},[4940],{"type":71,"value":4941}," useEffect",{"type":65,"tag":184,"props":4943,"children":4944},{"style":207},[4945],{"type":71,"value":231},{"type":65,"tag":184,"props":4947,"children":4948},{"style":201},[4949],{"type":71,"value":236},{"type":65,"tag":184,"props":4951,"children":4952},{"style":207},[4953],{"type":71,"value":241},{"type":65,"tag":184,"props":4955,"children":4956},{"style":244},[4957],{"type":71,"value":18},{"type":65,"tag":184,"props":4959,"children":4960},{"style":207},[4961],{"type":71,"value":252},{"type":65,"tag":184,"props":4963,"children":4964},{"class":186,"line":197},[4965,4969,4973,4978,4982,4986,4990,4994],{"type":65,"tag":184,"props":4966,"children":4967},{"style":201},[4968],{"type":71,"value":204},{"type":65,"tag":184,"props":4970,"children":4971},{"style":207},[4972],{"type":71,"value":210},{"type":65,"tag":184,"props":4974,"children":4975},{"style":213},[4976],{"type":71,"value":4977}," useQueryErrorResetBoundary",{"type":65,"tag":184,"props":4979,"children":4980},{"style":207},[4981],{"type":71,"value":231},{"type":65,"tag":184,"props":4983,"children":4984},{"style":201},[4985],{"type":71,"value":236},{"type":65,"tag":184,"props":4987,"children":4988},{"style":207},[4989],{"type":71,"value":241},{"type":65,"tag":184,"props":4991,"children":4992},{"style":244},[4993],{"type":71,"value":247},{"type":65,"tag":184,"props":4995,"children":4996},{"style":207},[4997],{"type":71,"value":252},{"type":65,"tag":184,"props":4999,"children":5000},{"class":186,"line":255},[5001,5005,5009,5014,5018,5022,5026,5030],{"type":65,"tag":184,"props":5002,"children":5003},{"style":201},[5004],{"type":71,"value":204},{"type":65,"tag":184,"props":5006,"children":5007},{"style":207},[5008],{"type":71,"value":210},{"type":65,"tag":184,"props":5010,"children":5011},{"style":213},[5012],{"type":71,"value":5013}," useRouter",{"type":65,"tag":184,"props":5015,"children":5016},{"style":207},[5017],{"type":71,"value":231},{"type":65,"tag":184,"props":5019,"children":5020},{"style":201},[5021],{"type":71,"value":236},{"type":65,"tag":184,"props":5023,"children":5024},{"style":207},[5025],{"type":71,"value":241},{"type":65,"tag":184,"props":5027,"children":5028},{"style":244},[5029],{"type":71,"value":327},{"type":65,"tag":184,"props":5031,"children":5032},{"style":207},[5033],{"type":71,"value":252},{"type":65,"tag":184,"props":5035,"children":5036},{"class":186,"line":268},[5037],{"type":65,"tag":184,"props":5038,"children":5039},{"emptyLinePlaceholder":376},[5040],{"type":71,"value":379},{"type":65,"tag":184,"props":5042,"children":5043},{"class":186,"line":282},[5044,5048,5052,5056,5060,5064,5068,5072,5076,5080,5084],{"type":65,"tag":184,"props":5045,"children":5046},{"style":201},[5047],{"type":71,"value":971},{"type":65,"tag":184,"props":5049,"children":5050},{"style":412},[5051],{"type":71,"value":976},{"type":65,"tag":184,"props":5053,"children":5054},{"style":213},[5055],{"type":71,"value":981},{"type":65,"tag":184,"props":5057,"children":5058},{"style":207},[5059],{"type":71,"value":425},{"type":65,"tag":184,"props":5061,"children":5062},{"style":433},[5063],{"type":71,"value":2724},{"type":65,"tag":184,"props":5065,"children":5066},{"style":213},[5067],{"type":71,"value":475},{"type":65,"tag":184,"props":5069,"children":5070},{"style":207},[5071],{"type":71,"value":703},{"type":65,"tag":184,"props":5073,"children":5074},{"style":244},[5075],{"type":71,"value":3069},{"type":65,"tag":184,"props":5077,"children":5078},{"style":207},[5079],{"type":71,"value":703},{"type":65,"tag":184,"props":5081,"children":5082},{"style":213},[5083],{"type":71,"value":3078},{"type":65,"tag":184,"props":5085,"children":5086},{"style":207},[5087],{"type":71,"value":480},{"type":65,"tag":184,"props":5089,"children":5090},{"class":186,"line":295},[5091,5095,5099,5103,5107,5111],{"type":65,"tag":184,"props":5092,"children":5093},{"style":433},[5094],{"type":71,"value":3090},{"type":65,"tag":184,"props":5096,"children":5097},{"style":207},[5098],{"type":71,"value":508},{"type":65,"tag":184,"props":5100,"children":5101},{"style":207},[5102],{"type":71,"value":567},{"type":65,"tag":184,"props":5104,"children":5105},{"style":570},[5106],{"type":71,"value":3103},{"type":65,"tag":184,"props":5108,"children":5109},{"style":207},[5110],{"type":71,"value":578},{"type":65,"tag":184,"props":5112,"children":5113},{"style":412},[5114],{"type":71,"value":2933},{"type":65,"tag":184,"props":5116,"children":5117},{"class":186,"line":308},[5118,5122,5126,5130,5134,5138,5143],{"type":65,"tag":184,"props":5119,"children":5120},{"style":213},[5121],{"type":71,"value":1344},{"type":65,"tag":184,"props":5123,"children":5124},{"style":207},[5125],{"type":71,"value":2501},{"type":65,"tag":184,"props":5127,"children":5128},{"style":213},[5129],{"type":71,"value":618},{"type":65,"tag":184,"props":5131,"children":5132},{"style":207},[5133],{"type":71,"value":2501},{"type":65,"tag":184,"props":5135,"children":5136},{"style":433},[5137],{"type":71,"value":2633},{"type":65,"tag":184,"props":5139,"children":5140},{"style":213},[5141],{"type":71,"value":5142},"(postsQueryOptions)",{"type":65,"tag":184,"props":5144,"children":5145},{"style":207},[5146],{"type":71,"value":279},{"type":65,"tag":184,"props":5148,"children":5149},{"class":186,"line":334},[5150,5155,5159,5164],{"type":65,"tag":184,"props":5151,"children":5152},{"style":500},[5153],{"type":71,"value":5154},"  errorComponent",{"type":65,"tag":184,"props":5156,"children":5157},{"style":207},[5158],{"type":71,"value":508},{"type":65,"tag":184,"props":5160,"children":5161},{"style":213},[5162],{"type":71,"value":5163}," PostsErrorComponent",{"type":65,"tag":184,"props":5165,"children":5166},{"style":207},[5167],{"type":71,"value":279},{"type":65,"tag":184,"props":5169,"children":5170},{"class":186,"line":372},[5171,5175,5179,5183],{"type":65,"tag":184,"props":5172,"children":5173},{"style":500},[5174],{"type":71,"value":1036},{"type":65,"tag":184,"props":5176,"children":5177},{"style":207},[5178],{"type":71,"value":508},{"type":65,"tag":184,"props":5180,"children":5181},{"style":213},[5182],{"type":71,"value":3196},{"type":65,"tag":184,"props":5184,"children":5185},{"style":207},[5186],{"type":71,"value":279},{"type":65,"tag":184,"props":5188,"children":5189},{"class":186,"line":382},[5190,5194],{"type":65,"tag":184,"props":5191,"children":5192},{"style":207},[5193],{"type":71,"value":314},{"type":65,"tag":184,"props":5195,"children":5196},{"style":213},[5197],{"type":71,"value":668},{"type":65,"tag":184,"props":5199,"children":5200},{"class":186,"line":391},[5201],{"type":65,"tag":184,"props":5202,"children":5203},{"emptyLinePlaceholder":376},[5204],{"type":71,"value":379},{"type":65,"tag":184,"props":5206,"children":5207},{"class":186,"line":400},[5208,5212,5216],{"type":65,"tag":184,"props":5209,"children":5210},{"style":412},[5211],{"type":71,"value":783},{"type":65,"tag":184,"props":5213,"children":5214},{"style":433},[5215],{"type":71,"value":5163},{"type":65,"tag":184,"props":5217,"children":5218},{"style":207},[5219],{"type":71,"value":5220},"({\n",{"type":65,"tag":184,"props":5222,"children":5223},{"class":186,"line":408},[5224,5229],{"type":65,"tag":184,"props":5225,"children":5226},{"style":570},[5227],{"type":71,"value":5228},"  error",{"type":65,"tag":184,"props":5230,"children":5231},{"style":207},[5232],{"type":71,"value":279},{"type":65,"tag":184,"props":5234,"children":5235},{"class":186,"line":443},[5236,5241],{"type":65,"tag":184,"props":5237,"children":5238},{"style":570},[5239],{"type":71,"value":5240},"  reset",{"type":65,"tag":184,"props":5242,"children":5243},{"style":207},[5244],{"type":71,"value":279},{"type":65,"tag":184,"props":5246,"children":5247},{"class":186,"line":451},[5248,5253],{"type":65,"tag":184,"props":5249,"children":5250},{"style":207},[5251],{"type":71,"value":5252},"}:",{"type":65,"tag":184,"props":5254,"children":5255},{"style":207},[5256],{"type":71,"value":265},{"type":65,"tag":184,"props":5258,"children":5259},{"class":186,"line":483},[5260,5264,5268],{"type":65,"tag":184,"props":5261,"children":5262},{"style":500},[5263],{"type":71,"value":5228},{"type":65,"tag":184,"props":5265,"children":5266},{"style":207},[5267],{"type":71,"value":508},{"type":65,"tag":184,"props":5269,"children":5270},{"style":600},[5271],{"type":71,"value":5272}," Error\n",{"type":65,"tag":184,"props":5274,"children":5275},{"class":186,"line":496},[5276,5280,5284,5288,5292],{"type":65,"tag":184,"props":5277,"children":5278},{"style":500},[5279],{"type":71,"value":5240},{"type":65,"tag":184,"props":5281,"children":5282},{"style":207},[5283],{"type":71,"value":508},{"type":65,"tag":184,"props":5285,"children":5286},{"style":207},[5287],{"type":71,"value":1045},{"type":65,"tag":184,"props":5289,"children":5290},{"style":412},[5291],{"type":71,"value":583},{"type":65,"tag":184,"props":5293,"children":5294},{"style":600},[5295],{"type":71,"value":5296}," void\n",{"type":65,"tag":184,"props":5298,"children":5299},{"class":186,"line":526},[5300,5305],{"type":65,"tag":184,"props":5301,"children":5302},{"style":207},[5303],{"type":71,"value":5304},"})",{"type":65,"tag":184,"props":5306,"children":5307},{"style":207},[5308],{"type":71,"value":265},{"type":65,"tag":184,"props":5310,"children":5311},{"class":186,"line":552},[5312,5316,5320,5324,5328],{"type":65,"tag":184,"props":5313,"children":5314},{"style":412},[5315],{"type":71,"value":1256},{"type":65,"tag":184,"props":5317,"children":5318},{"style":213},[5319],{"type":71,"value":821},{"type":65,"tag":184,"props":5321,"children":5322},{"style":207},[5323],{"type":71,"value":1266},{"type":65,"tag":184,"props":5325,"children":5326},{"style":433},[5327],{"type":71,"value":5013},{"type":65,"tag":184,"props":5329,"children":5330},{"style":500},[5331],{"type":71,"value":440},{"type":65,"tag":184,"props":5333,"children":5334},{"class":186,"line":591},[5335,5339,5344,5348,5352],{"type":65,"tag":184,"props":5336,"children":5337},{"style":412},[5338],{"type":71,"value":1256},{"type":65,"tag":184,"props":5340,"children":5341},{"style":213},[5342],{"type":71,"value":5343}," queryErrorResetBoundary",{"type":65,"tag":184,"props":5345,"children":5346},{"style":207},[5347],{"type":71,"value":1266},{"type":65,"tag":184,"props":5349,"children":5350},{"style":433},[5351],{"type":71,"value":4977},{"type":65,"tag":184,"props":5353,"children":5354},{"style":500},[5355],{"type":71,"value":440},{"type":65,"tag":184,"props":5357,"children":5358},{"class":186,"line":645},[5359],{"type":65,"tag":184,"props":5360,"children":5361},{"emptyLinePlaceholder":376},[5362],{"type":71,"value":379},{"type":65,"tag":184,"props":5364,"children":5365},{"class":186,"line":658},[5366,5371,5375,5379,5383],{"type":65,"tag":184,"props":5367,"children":5368},{"style":433},[5369],{"type":71,"value":5370},"  useEffect",{"type":65,"tag":184,"props":5372,"children":5373},{"style":500},[5374],{"type":71,"value":475},{"type":65,"tag":184,"props":5376,"children":5377},{"style":207},[5378],{"type":71,"value":793},{"type":65,"tag":184,"props":5380,"children":5381},{"style":412},[5382],{"type":71,"value":583},{"type":65,"tag":184,"props":5384,"children":5385},{"style":207},[5386],{"type":71,"value":265},{"type":65,"tag":184,"props":5388,"children":5389},{"class":186,"line":671},[5390,5395,5399,5404],{"type":65,"tag":184,"props":5391,"children":5392},{"style":213},[5393],{"type":71,"value":5394},"    queryErrorResetBoundary",{"type":65,"tag":184,"props":5396,"children":5397},{"style":207},[5398],{"type":71,"value":2501},{"type":65,"tag":184,"props":5400,"children":5401},{"style":433},[5402],{"type":71,"value":5403},"reset",{"type":65,"tag":184,"props":5405,"children":5406},{"style":500},[5407],{"type":71,"value":440},{"type":65,"tag":184,"props":5409,"children":5410},{"class":186,"line":679},[5411,5416,5420,5425],{"type":65,"tag":184,"props":5412,"children":5413},{"style":207},[5414],{"type":71,"value":5415},"  },",{"type":65,"tag":184,"props":5417,"children":5418},{"style":500},[5419],{"type":71,"value":2860},{"type":65,"tag":184,"props":5421,"children":5422},{"style":213},[5423],{"type":71,"value":5424},"queryErrorResetBoundary",{"type":65,"tag":184,"props":5426,"children":5427},{"style":500},[5428],{"type":71,"value":5429},"])\n",{"type":65,"tag":184,"props":5431,"children":5432},{"class":186,"line":710},[5433],{"type":65,"tag":184,"props":5434,"children":5435},{"emptyLinePlaceholder":376},[5436],{"type":71,"value":379},{"type":65,"tag":184,"props":5438,"children":5439},{"class":186,"line":728},[5440,5444],{"type":65,"tag":184,"props":5441,"children":5442},{"style":201},[5443],{"type":71,"value":806},{"type":65,"tag":184,"props":5445,"children":5446},{"style":500},[5447],{"type":71,"value":588},{"type":65,"tag":184,"props":5449,"children":5450},{"class":186,"line":751},[5451,5455,5459],{"type":65,"tag":184,"props":5452,"children":5453},{"style":207},[5454],{"type":71,"value":597},{"type":65,"tag":184,"props":5456,"children":5457},{"style":500},[5458],{"type":71,"value":4758},{"type":65,"tag":184,"props":5460,"children":5461},{"style":207},[5462],{"type":71,"value":642},{"type":65,"tag":184,"props":5464,"children":5465},{"class":186,"line":760},[5466,5470,5474,5478,5483,5487,5492,5496,5500],{"type":65,"tag":184,"props":5467,"children":5468},{"style":207},[5469],{"type":71,"value":1401},{"type":65,"tag":184,"props":5471,"children":5472},{"style":500},[5473],{"type":71,"value":74},{"type":65,"tag":184,"props":5475,"children":5476},{"style":207},[5477],{"type":71,"value":4222},{"type":65,"tag":184,"props":5479,"children":5480},{"style":213},[5481],{"type":71,"value":5482},"error",{"type":65,"tag":184,"props":5484,"children":5485},{"style":207},[5486],{"type":71,"value":2501},{"type":65,"tag":184,"props":5488,"children":5489},{"style":213},[5490],{"type":71,"value":5491},"message",{"type":65,"tag":184,"props":5493,"children":5494},{"style":207},[5495],{"type":71,"value":633},{"type":65,"tag":184,"props":5497,"children":5498},{"style":500},[5499],{"type":71,"value":74},{"type":65,"tag":184,"props":5501,"children":5502},{"style":207},[5503],{"type":71,"value":642},{"type":65,"tag":184,"props":5505,"children":5506},{"class":186,"line":769},[5507,5511,5516,5521,5526,5530,5534,5538,5543,5547,5551,5556,5561,5565],{"type":65,"tag":184,"props":5508,"children":5509},{"style":207},[5510],{"type":71,"value":1401},{"type":65,"tag":184,"props":5512,"children":5513},{"style":500},[5514],{"type":71,"value":5515},"button",{"type":65,"tag":184,"props":5517,"children":5518},{"style":412},[5519],{"type":71,"value":5520}," onClick",{"type":65,"tag":184,"props":5522,"children":5523},{"style":207},[5524],{"type":71,"value":5525},"={()",{"type":65,"tag":184,"props":5527,"children":5528},{"style":412},[5529],{"type":71,"value":583},{"type":65,"tag":184,"props":5531,"children":5532},{"style":213},[5533],{"type":71,"value":821},{"type":65,"tag":184,"props":5535,"children":5536},{"style":207},[5537],{"type":71,"value":2501},{"type":65,"tag":184,"props":5539,"children":5540},{"style":433},[5541],{"type":71,"value":5542},"invalidate",{"type":65,"tag":184,"props":5544,"children":5545},{"style":213},[5546],{"type":71,"value":793},{"type":65,"tag":184,"props":5548,"children":5549},{"style":207},[5550],{"type":71,"value":1019},{"type":65,"tag":184,"props":5552,"children":5553},{"style":213},[5554],{"type":71,"value":5555},"Retry",{"type":65,"tag":184,"props":5557,"children":5558},{"style":207},[5559],{"type":71,"value":5560},"\u003C\u002F",{"type":65,"tag":184,"props":5562,"children":5563},{"style":500},[5564],{"type":71,"value":5515},{"type":65,"tag":184,"props":5566,"children":5567},{"style":207},[5568],{"type":71,"value":642},{"type":65,"tag":184,"props":5570,"children":5571},{"class":186,"line":777},[5572,5576,5580],{"type":65,"tag":184,"props":5573,"children":5574},{"style":207},[5575],{"type":71,"value":3458},{"type":65,"tag":184,"props":5577,"children":5578},{"style":500},[5579],{"type":71,"value":4758},{"type":65,"tag":184,"props":5581,"children":5582},{"style":207},[5583],{"type":71,"value":642},{"type":65,"tag":184,"props":5585,"children":5586},{"class":186,"line":800},[5587],{"type":65,"tag":184,"props":5588,"children":5589},{"style":500},[5590],{"type":71,"value":3475},{"type":65,"tag":184,"props":5592,"children":5593},{"class":186,"line":837},[5594],{"type":65,"tag":184,"props":5595,"children":5596},{"style":207},[5597],{"type":71,"value":766},{"type":65,"tag":159,"props":5599,"children":5601},{"id":5600},"common-mistakes",[5602],{"type":71,"value":5603},"Common Mistakes",{"type":65,"tag":166,"props":5605,"children":5607},{"id":5606},"_1-high-not-setting-defaultpreloadstaletime-to-0",[5608,5610,5616],{"type":71,"value":5609},"1. HIGH: Not setting ",{"type":65,"tag":122,"props":5611,"children":5613},{"className":5612},[],[5614],{"type":71,"value":5615},"defaultPreloadStaleTime",{"type":71,"value":5617}," to 0",{"type":65,"tag":74,"props":5619,"children":5620},{},[5621,5623,5629],{"type":71,"value":5622},"Router has a built-in preload cache (default ",{"type":65,"tag":122,"props":5624,"children":5626},{"className":5625},[],[5627],{"type":71,"value":5628},"staleTime",{"type":71,"value":5630}," for preloads is 30s). This prevents Query from controlling data freshness during preloading.",{"type":65,"tag":173,"props":5632,"children":5634},{"className":175,"code":5633,"language":177,"meta":178,"style":178},"\u002F\u002F WRONG — Router's preload cache serves stale data, Query never refetches\nconst router = createRouter({ routeTree })\n\n\u002F\u002F CORRECT — disable Router's preload cache, let Query manage freshness\nconst router = createRouter({\n  routeTree,\n  defaultPreloadStaleTime: 0,\n})\n",[5635],{"type":65,"tag":122,"props":5636,"children":5637},{"__ignoreMap":178},[5638,5646,5686,5693,5701,5728,5739,5758],{"type":65,"tag":184,"props":5639,"children":5640},{"class":186,"line":187},[5641],{"type":65,"tag":184,"props":5642,"children":5643},{"style":191},[5644],{"type":71,"value":5645},"\u002F\u002F WRONG — Router's preload cache serves stale data, Query never refetches\n",{"type":65,"tag":184,"props":5647,"children":5648},{"class":186,"line":197},[5649,5653,5657,5661,5665,5669,5673,5678,5682],{"type":65,"tag":184,"props":5650,"children":5651},{"style":412},[5652],{"type":71,"value":415},{"type":65,"tag":184,"props":5654,"children":5655},{"style":213},[5656],{"type":71,"value":461},{"type":65,"tag":184,"props":5658,"children":5659},{"style":207},[5660],{"type":71,"value":425},{"type":65,"tag":184,"props":5662,"children":5663},{"style":433},[5664],{"type":71,"value":470},{"type":65,"tag":184,"props":5666,"children":5667},{"style":213},[5668],{"type":71,"value":475},{"type":65,"tag":184,"props":5670,"children":5671},{"style":207},[5672],{"type":71,"value":4788},{"type":65,"tag":184,"props":5674,"children":5675},{"style":213},[5676],{"type":71,"value":5677}," routeTree ",{"type":65,"tag":184,"props":5679,"children":5680},{"style":207},[5681],{"type":71,"value":314},{"type":65,"tag":184,"props":5683,"children":5684},{"style":213},[5685],{"type":71,"value":668},{"type":65,"tag":184,"props":5687,"children":5688},{"class":186,"line":255},[5689],{"type":65,"tag":184,"props":5690,"children":5691},{"emptyLinePlaceholder":376},[5692],{"type":71,"value":379},{"type":65,"tag":184,"props":5694,"children":5695},{"class":186,"line":268},[5696],{"type":65,"tag":184,"props":5697,"children":5698},{"style":191},[5699],{"type":71,"value":5700},"\u002F\u002F CORRECT — disable Router's preload cache, let Query manage freshness\n",{"type":65,"tag":184,"props":5702,"children":5703},{"class":186,"line":282},[5704,5708,5712,5716,5720,5724],{"type":65,"tag":184,"props":5705,"children":5706},{"style":412},[5707],{"type":71,"value":415},{"type":65,"tag":184,"props":5709,"children":5710},{"style":213},[5711],{"type":71,"value":461},{"type":65,"tag":184,"props":5713,"children":5714},{"style":207},[5715],{"type":71,"value":425},{"type":65,"tag":184,"props":5717,"children":5718},{"style":433},[5719],{"type":71,"value":470},{"type":65,"tag":184,"props":5721,"children":5722},{"style":213},[5723],{"type":71,"value":475},{"type":65,"tag":184,"props":5725,"children":5726},{"style":207},[5727],{"type":71,"value":480},{"type":65,"tag":184,"props":5729,"children":5730},{"class":186,"line":295},[5731,5735],{"type":65,"tag":184,"props":5732,"children":5733},{"style":213},[5734],{"type":71,"value":489},{"type":65,"tag":184,"props":5736,"children":5737},{"style":207},[5738],{"type":71,"value":279},{"type":65,"tag":184,"props":5740,"children":5741},{"class":186,"line":308},[5742,5746,5750,5754],{"type":65,"tag":184,"props":5743,"children":5744},{"style":500},[5745],{"type":71,"value":503},{"type":65,"tag":184,"props":5747,"children":5748},{"style":207},[5749],{"type":71,"value":508},{"type":65,"tag":184,"props":5751,"children":5752},{"style":511},[5753],{"type":71,"value":514},{"type":65,"tag":184,"props":5755,"children":5756},{"style":207},[5757],{"type":71,"value":279},{"type":65,"tag":184,"props":5759,"children":5760},{"class":186,"line":334},[5761,5765],{"type":65,"tag":184,"props":5762,"children":5763},{"style":207},[5764],{"type":71,"value":314},{"type":65,"tag":184,"props":5766,"children":5767},{"style":213},[5768],{"type":71,"value":668},{"type":65,"tag":166,"props":5770,"children":5772},{"id":5771},"_2-high-creating-queryclient-outside-createrouter-for-ssr",[5773,5775,5780],{"type":71,"value":5774},"2. HIGH: Creating QueryClient outside ",{"type":65,"tag":122,"props":5776,"children":5778},{"className":5777},[],[5779],{"type":71,"value":155},{"type":71,"value":5781}," for SSR",{"type":65,"tag":74,"props":5783,"children":5784},{},[5785,5787,5792],{"type":71,"value":5786},"A module-level singleton ",{"type":65,"tag":122,"props":5788,"children":5790},{"className":5789},[],[5791],{"type":71,"value":147},{"type":71,"value":5793}," is shared across all server requests, leaking user data between requests.",{"type":65,"tag":173,"props":5795,"children":5797},{"className":175,"code":5796,"language":177,"meta":178,"style":178},"\u002F\u002F WRONG — shared across SSR requests\nconst queryClient = new QueryClient()\nexport function createAppRouter() {\n  return createRouter({\n    routeTree,\n    context: { queryClient },\n  })\n}\n\n\u002F\u002F CORRECT — new QueryClient per createAppRouter call\nexport function createAppRouter() {\n  const queryClient = new QueryClient()\n  return createRouter({\n    routeTree,\n    context: { queryClient },\n  })\n}\n",[5798],{"type":65,"tag":122,"props":5799,"children":5800},{"__ignoreMap":178},[5801,5809,5836,5859,5878,5889,5912,5923,5930,5937,5945,5968,5995,6014,6025,6048,6059],{"type":65,"tag":184,"props":5802,"children":5803},{"class":186,"line":187},[5804],{"type":65,"tag":184,"props":5805,"children":5806},{"style":191},[5807],{"type":71,"value":5808},"\u002F\u002F WRONG — shared across SSR requests\n",{"type":65,"tag":184,"props":5810,"children":5811},{"class":186,"line":197},[5812,5816,5820,5824,5828,5832],{"type":65,"tag":184,"props":5813,"children":5814},{"style":412},[5815],{"type":71,"value":415},{"type":65,"tag":184,"props":5817,"children":5818},{"style":213},[5819],{"type":71,"value":420},{"type":65,"tag":184,"props":5821,"children":5822},{"style":207},[5823],{"type":71,"value":425},{"type":65,"tag":184,"props":5825,"children":5826},{"style":207},[5827],{"type":71,"value":430},{"type":65,"tag":184,"props":5829,"children":5830},{"style":433},[5831],{"type":71,"value":216},{"type":65,"tag":184,"props":5833,"children":5834},{"style":213},[5835],{"type":71,"value":440},{"type":65,"tag":184,"props":5837,"children":5838},{"class":186,"line":255},[5839,5843,5847,5851,5855],{"type":65,"tag":184,"props":5840,"children":5841},{"style":201},[5842],{"type":71,"value":971},{"type":65,"tag":184,"props":5844,"children":5845},{"style":412},[5846],{"type":71,"value":1227},{"type":65,"tag":184,"props":5848,"children":5849},{"style":433},[5850],{"type":71,"value":1232},{"type":65,"tag":184,"props":5852,"children":5853},{"style":207},[5854],{"type":71,"value":793},{"type":65,"tag":184,"props":5856,"children":5857},{"style":207},[5858],{"type":71,"value":265},{"type":65,"tag":184,"props":5860,"children":5861},{"class":186,"line":268},[5862,5866,5870,5874],{"type":65,"tag":184,"props":5863,"children":5864},{"style":201},[5865],{"type":71,"value":806},{"type":65,"tag":184,"props":5867,"children":5868},{"style":433},[5869],{"type":71,"value":470},{"type":65,"tag":184,"props":5871,"children":5872},{"style":500},[5873],{"type":71,"value":475},{"type":65,"tag":184,"props":5875,"children":5876},{"style":207},[5877],{"type":71,"value":480},{"type":65,"tag":184,"props":5879,"children":5880},{"class":186,"line":282},[5881,5885],{"type":65,"tag":184,"props":5882,"children":5883},{"style":213},[5884],{"type":71,"value":1312},{"type":65,"tag":184,"props":5886,"children":5887},{"style":207},[5888],{"type":71,"value":279},{"type":65,"tag":184,"props":5890,"children":5891},{"class":186,"line":295},[5892,5896,5900,5904,5908],{"type":65,"tag":184,"props":5893,"children":5894},{"style":500},[5895],{"type":71,"value":1344},{"type":65,"tag":184,"props":5897,"children":5898},{"style":207},[5899],{"type":71,"value":508},{"type":65,"tag":184,"props":5901,"children":5902},{"style":207},[5903],{"type":71,"value":210},{"type":65,"tag":184,"props":5905,"children":5906},{"style":213},[5907],{"type":71,"value":1261},{"type":65,"tag":184,"props":5909,"children":5910},{"style":207},[5911],{"type":71,"value":1361},{"type":65,"tag":184,"props":5913,"children":5914},{"class":186,"line":308},[5915,5919],{"type":65,"tag":184,"props":5916,"children":5917},{"style":207},[5918],{"type":71,"value":1457},{"type":65,"tag":184,"props":5920,"children":5921},{"style":500},[5922],{"type":71,"value":668},{"type":65,"tag":184,"props":5924,"children":5925},{"class":186,"line":334},[5926],{"type":65,"tag":184,"props":5927,"children":5928},{"style":207},[5929],{"type":71,"value":766},{"type":65,"tag":184,"props":5931,"children":5932},{"class":186,"line":372},[5933],{"type":65,"tag":184,"props":5934,"children":5935},{"emptyLinePlaceholder":376},[5936],{"type":71,"value":379},{"type":65,"tag":184,"props":5938,"children":5939},{"class":186,"line":382},[5940],{"type":65,"tag":184,"props":5941,"children":5942},{"style":191},[5943],{"type":71,"value":5944},"\u002F\u002F CORRECT — new QueryClient per createAppRouter call\n",{"type":65,"tag":184,"props":5946,"children":5947},{"class":186,"line":391},[5948,5952,5956,5960,5964],{"type":65,"tag":184,"props":5949,"children":5950},{"style":201},[5951],{"type":71,"value":971},{"type":65,"tag":184,"props":5953,"children":5954},{"style":412},[5955],{"type":71,"value":1227},{"type":65,"tag":184,"props":5957,"children":5958},{"style":433},[5959],{"type":71,"value":1232},{"type":65,"tag":184,"props":5961,"children":5962},{"style":207},[5963],{"type":71,"value":793},{"type":65,"tag":184,"props":5965,"children":5966},{"style":207},[5967],{"type":71,"value":265},{"type":65,"tag":184,"props":5969,"children":5970},{"class":186,"line":400},[5971,5975,5979,5983,5987,5991],{"type":65,"tag":184,"props":5972,"children":5973},{"style":412},[5974],{"type":71,"value":1256},{"type":65,"tag":184,"props":5976,"children":5977},{"style":213},[5978],{"type":71,"value":1261},{"type":65,"tag":184,"props":5980,"children":5981},{"style":207},[5982],{"type":71,"value":1266},{"type":65,"tag":184,"props":5984,"children":5985},{"style":207},[5986],{"type":71,"value":430},{"type":65,"tag":184,"props":5988,"children":5989},{"style":433},[5990],{"type":71,"value":216},{"type":65,"tag":184,"props":5992,"children":5993},{"style":500},[5994],{"type":71,"value":440},{"type":65,"tag":184,"props":5996,"children":5997},{"class":186,"line":408},[5998,6002,6006,6010],{"type":65,"tag":184,"props":5999,"children":6000},{"style":201},[6001],{"type":71,"value":806},{"type":65,"tag":184,"props":6003,"children":6004},{"style":433},[6005],{"type":71,"value":470},{"type":65,"tag":184,"props":6007,"children":6008},{"style":500},[6009],{"type":71,"value":475},{"type":65,"tag":184,"props":6011,"children":6012},{"style":207},[6013],{"type":71,"value":480},{"type":65,"tag":184,"props":6015,"children":6016},{"class":186,"line":443},[6017,6021],{"type":65,"tag":184,"props":6018,"children":6019},{"style":213},[6020],{"type":71,"value":1312},{"type":65,"tag":184,"props":6022,"children":6023},{"style":207},[6024],{"type":71,"value":279},{"type":65,"tag":184,"props":6026,"children":6027},{"class":186,"line":451},[6028,6032,6036,6040,6044],{"type":65,"tag":184,"props":6029,"children":6030},{"style":500},[6031],{"type":71,"value":1344},{"type":65,"tag":184,"props":6033,"children":6034},{"style":207},[6035],{"type":71,"value":508},{"type":65,"tag":184,"props":6037,"children":6038},{"style":207},[6039],{"type":71,"value":210},{"type":65,"tag":184,"props":6041,"children":6042},{"style":213},[6043],{"type":71,"value":1261},{"type":65,"tag":184,"props":6045,"children":6046},{"style":207},[6047],{"type":71,"value":1361},{"type":65,"tag":184,"props":6049,"children":6050},{"class":186,"line":483},[6051,6055],{"type":65,"tag":184,"props":6052,"children":6053},{"style":207},[6054],{"type":71,"value":1457},{"type":65,"tag":184,"props":6056,"children":6057},{"style":500},[6058],{"type":71,"value":668},{"type":65,"tag":184,"props":6060,"children":6061},{"class":186,"line":496},[6062],{"type":65,"tag":184,"props":6063,"children":6064},{"style":207},[6065],{"type":71,"value":766},{"type":65,"tag":166,"props":6067,"children":6069},{"id":6068},"_3-medium-awaiting-prefetchquery-in-loader-blocks-rendering",[6070,6072,6077],{"type":71,"value":6071},"3. MEDIUM: Awaiting ",{"type":65,"tag":122,"props":6073,"children":6075},{"className":6074},[],[6076],{"type":71,"value":4265},{"type":71,"value":6078}," in loader blocks rendering",{"type":65,"tag":74,"props":6080,"children":6081},{},[6082,6087],{"type":65,"tag":122,"props":6083,"children":6085},{"className":6084},[],[6086],{"type":71,"value":4265},{"type":71,"value":6088}," is designed to fire-and-forget. Awaiting it blocks the navigation transition until the data resolves, defeating the purpose of streaming.",{"type":65,"tag":173,"props":6090,"children":6092},{"className":175,"code":6091,"language":177,"meta":178,"style":178},"\u002F\u002F WRONG — blocks navigation, no streaming benefit\nloader: async ({ context }) => {\n  await context.queryClient.prefetchQuery(analyticsQueryOptions)\n}\n\n\u002F\u002F CORRECT — fire and forget for streaming\nloader: ({ context }) => {\n  context.queryClient.prefetchQuery(analyticsQueryOptions)\n}\n\n\u002F\u002F If you need to block (critical data), use ensureQueryData instead:\nloader: ({ context }) => {\n  return context.queryClient.ensureQueryData(criticalQueryOptions)\n}\n",[6093],{"type":65,"tag":122,"props":6094,"children":6095},{"__ignoreMap":178},[6096,6104,6141,6181,6188,6195,6203,6234,6269,6276,6283,6291,6322,6362],{"type":65,"tag":184,"props":6097,"children":6098},{"class":186,"line":187},[6099],{"type":65,"tag":184,"props":6100,"children":6101},{"style":191},[6102],{"type":71,"value":6103},"\u002F\u002F WRONG — blocks navigation, no streaming benefit\n",{"type":65,"tag":184,"props":6105,"children":6106},{"class":186,"line":197},[6107,6112,6116,6121,6125,6129,6133,6137],{"type":65,"tag":184,"props":6108,"children":6109},{"style":600},[6110],{"type":71,"value":6111},"loader",{"type":65,"tag":184,"props":6113,"children":6114},{"style":207},[6115],{"type":71,"value":508},{"type":65,"tag":184,"props":6117,"children":6118},{"style":412},[6119],{"type":71,"value":6120}," async",{"type":65,"tag":184,"props":6122,"children":6123},{"style":207},[6124],{"type":71,"value":567},{"type":65,"tag":184,"props":6126,"children":6127},{"style":570},[6128],{"type":71,"value":3103},{"type":65,"tag":184,"props":6130,"children":6131},{"style":207},[6132],{"type":71,"value":578},{"type":65,"tag":184,"props":6134,"children":6135},{"style":412},[6136],{"type":71,"value":583},{"type":65,"tag":184,"props":6138,"children":6139},{"style":207},[6140],{"type":71,"value":265},{"type":65,"tag":184,"props":6142,"children":6143},{"class":186,"line":255},[6144,6149,6153,6157,6161,6165,6169,6173,6177],{"type":65,"tag":184,"props":6145,"children":6146},{"style":201},[6147],{"type":71,"value":6148},"  await",{"type":65,"tag":184,"props":6150,"children":6151},{"style":213},[6152],{"type":71,"value":3103},{"type":65,"tag":184,"props":6154,"children":6155},{"style":207},[6156],{"type":71,"value":2501},{"type":65,"tag":184,"props":6158,"children":6159},{"style":213},[6160],{"type":71,"value":618},{"type":65,"tag":184,"props":6162,"children":6163},{"style":207},[6164],{"type":71,"value":2501},{"type":65,"tag":184,"props":6166,"children":6167},{"style":433},[6168],{"type":71,"value":4265},{"type":65,"tag":184,"props":6170,"children":6171},{"style":500},[6172],{"type":71,"value":475},{"type":65,"tag":184,"props":6174,"children":6175},{"style":213},[6176],{"type":71,"value":4514},{"type":65,"tag":184,"props":6178,"children":6179},{"style":500},[6180],{"type":71,"value":668},{"type":65,"tag":184,"props":6182,"children":6183},{"class":186,"line":268},[6184],{"type":65,"tag":184,"props":6185,"children":6186},{"style":207},[6187],{"type":71,"value":766},{"type":65,"tag":184,"props":6189,"children":6190},{"class":186,"line":282},[6191],{"type":65,"tag":184,"props":6192,"children":6193},{"emptyLinePlaceholder":376},[6194],{"type":71,"value":379},{"type":65,"tag":184,"props":6196,"children":6197},{"class":186,"line":295},[6198],{"type":65,"tag":184,"props":6199,"children":6200},{"style":191},[6201],{"type":71,"value":6202},"\u002F\u002F CORRECT — fire and forget for streaming\n",{"type":65,"tag":184,"props":6204,"children":6205},{"class":186,"line":308},[6206,6210,6214,6218,6222,6226,6230],{"type":65,"tag":184,"props":6207,"children":6208},{"style":600},[6209],{"type":71,"value":6111},{"type":65,"tag":184,"props":6211,"children":6212},{"style":207},[6213],{"type":71,"value":508},{"type":65,"tag":184,"props":6215,"children":6216},{"style":207},[6217],{"type":71,"value":567},{"type":65,"tag":184,"props":6219,"children":6220},{"style":570},[6221],{"type":71,"value":3103},{"type":65,"tag":184,"props":6223,"children":6224},{"style":207},[6225],{"type":71,"value":578},{"type":65,"tag":184,"props":6227,"children":6228},{"style":412},[6229],{"type":71,"value":583},{"type":65,"tag":184,"props":6231,"children":6232},{"style":207},[6233],{"type":71,"value":265},{"type":65,"tag":184,"props":6235,"children":6236},{"class":186,"line":334},[6237,6241,6245,6249,6253,6257,6261,6265],{"type":65,"tag":184,"props":6238,"children":6239},{"style":213},[6240],{"type":71,"value":532},{"type":65,"tag":184,"props":6242,"children":6243},{"style":207},[6244],{"type":71,"value":2501},{"type":65,"tag":184,"props":6246,"children":6247},{"style":213},[6248],{"type":71,"value":618},{"type":65,"tag":184,"props":6250,"children":6251},{"style":207},[6252],{"type":71,"value":2501},{"type":65,"tag":184,"props":6254,"children":6255},{"style":433},[6256],{"type":71,"value":4265},{"type":65,"tag":184,"props":6258,"children":6259},{"style":500},[6260],{"type":71,"value":475},{"type":65,"tag":184,"props":6262,"children":6263},{"style":213},[6264],{"type":71,"value":4514},{"type":65,"tag":184,"props":6266,"children":6267},{"style":500},[6268],{"type":71,"value":668},{"type":65,"tag":184,"props":6270,"children":6271},{"class":186,"line":372},[6272],{"type":65,"tag":184,"props":6273,"children":6274},{"style":207},[6275],{"type":71,"value":766},{"type":65,"tag":184,"props":6277,"children":6278},{"class":186,"line":382},[6279],{"type":65,"tag":184,"props":6280,"children":6281},{"emptyLinePlaceholder":376},[6282],{"type":71,"value":379},{"type":65,"tag":184,"props":6284,"children":6285},{"class":186,"line":391},[6286],{"type":65,"tag":184,"props":6287,"children":6288},{"style":191},[6289],{"type":71,"value":6290},"\u002F\u002F If you need to block (critical data), use ensureQueryData instead:\n",{"type":65,"tag":184,"props":6292,"children":6293},{"class":186,"line":400},[6294,6298,6302,6306,6310,6314,6318],{"type":65,"tag":184,"props":6295,"children":6296},{"style":600},[6297],{"type":71,"value":6111},{"type":65,"tag":184,"props":6299,"children":6300},{"style":207},[6301],{"type":71,"value":508},{"type":65,"tag":184,"props":6303,"children":6304},{"style":207},[6305],{"type":71,"value":567},{"type":65,"tag":184,"props":6307,"children":6308},{"style":570},[6309],{"type":71,"value":3103},{"type":65,"tag":184,"props":6311,"children":6312},{"style":207},[6313],{"type":71,"value":578},{"type":65,"tag":184,"props":6315,"children":6316},{"style":412},[6317],{"type":71,"value":583},{"type":65,"tag":184,"props":6319,"children":6320},{"style":207},[6321],{"type":71,"value":265},{"type":65,"tag":184,"props":6323,"children":6324},{"class":186,"line":408},[6325,6329,6333,6337,6341,6345,6349,6353,6358],{"type":65,"tag":184,"props":6326,"children":6327},{"style":201},[6328],{"type":71,"value":806},{"type":65,"tag":184,"props":6330,"children":6331},{"style":213},[6332],{"type":71,"value":3103},{"type":65,"tag":184,"props":6334,"children":6335},{"style":207},[6336],{"type":71,"value":2501},{"type":65,"tag":184,"props":6338,"children":6339},{"style":213},[6340],{"type":71,"value":618},{"type":65,"tag":184,"props":6342,"children":6343},{"style":207},[6344],{"type":71,"value":2501},{"type":65,"tag":184,"props":6346,"children":6347},{"style":433},[6348],{"type":71,"value":2633},{"type":65,"tag":184,"props":6350,"children":6351},{"style":500},[6352],{"type":71,"value":475},{"type":65,"tag":184,"props":6354,"children":6355},{"style":213},[6356],{"type":71,"value":6357},"criticalQueryOptions",{"type":65,"tag":184,"props":6359,"children":6360},{"style":500},[6361],{"type":71,"value":668},{"type":65,"tag":184,"props":6363,"children":6364},{"class":186,"line":443},[6365],{"type":65,"tag":184,"props":6366,"children":6367},{"style":207},[6368],{"type":71,"value":766},{"type":65,"tag":166,"props":6370,"children":6372},{"id":6371},"_4-high-missing-double-parentheses-on-createrootroutewithcontext",[6373,6375],{"type":71,"value":6374},"4. HIGH: Missing double parentheses on ",{"type":65,"tag":122,"props":6376,"children":6378},{"className":6377},[],[6379],{"type":71,"value":6380},"createRootRouteWithContext",{"type":65,"tag":74,"props":6382,"children":6383},{},[6384,6390],{"type":65,"tag":122,"props":6385,"children":6387},{"className":6386},[],[6388],{"type":71,"value":6389},"createRootRouteWithContext\u003CType>()",{"type":71,"value":6391}," is a factory — it returns a function. The second call passes route options.",{"type":65,"tag":173,"props":6393,"children":6395},{"className":175,"code":6394,"language":177,"meta":178,"style":178},"\u002F\u002F WRONG — passing options to the factory, not the returned function\nconst rootRoute = createRootRouteWithContext\u003C{ queryClient: QueryClient }>({\n  component: RootComponent,\n})\n\n\u002F\u002F CORRECT — double call: factory()({options})\nconst rootRoute = createRootRouteWithContext\u003C{ queryClient: QueryClient }>()({\n  component: RootComponent,\n})\n",[6396],{"type":65,"tag":122,"props":6397,"children":6398},{"__ignoreMap":178},[6399,6407,6457,6477,6488,6495,6503,6550,6569],{"type":65,"tag":184,"props":6400,"children":6401},{"class":186,"line":187},[6402],{"type":65,"tag":184,"props":6403,"children":6404},{"style":191},[6405],{"type":71,"value":6406},"\u002F\u002F WRONG — passing options to the factory, not the returned function\n",{"type":65,"tag":184,"props":6408,"children":6409},{"class":186,"line":197},[6410,6414,6419,6423,6427,6432,6436,6440,6444,6449,6453],{"type":65,"tag":184,"props":6411,"children":6412},{"style":412},[6413],{"type":71,"value":415},{"type":65,"tag":184,"props":6415,"children":6416},{"style":213},[6417],{"type":71,"value":6418}," rootRoute ",{"type":65,"tag":184,"props":6420,"children":6421},{"style":207},[6422],{"type":71,"value":425},{"type":65,"tag":184,"props":6424,"children":6425},{"style":433},[6426],{"type":71,"value":879},{"type":65,"tag":184,"props":6428,"children":6429},{"style":207},[6430],{"type":71,"value":6431},"\u003C{",{"type":65,"tag":184,"props":6433,"children":6434},{"style":500},[6435],{"type":71,"value":1261},{"type":65,"tag":184,"props":6437,"children":6438},{"style":207},[6439],{"type":71,"value":508},{"type":65,"tag":184,"props":6441,"children":6442},{"style":600},[6443],{"type":71,"value":216},{"type":65,"tag":184,"props":6445,"children":6446},{"style":207},[6447],{"type":71,"value":6448}," }>",{"type":65,"tag":184,"props":6450,"children":6451},{"style":213},[6452],{"type":71,"value":475},{"type":65,"tag":184,"props":6454,"children":6455},{"style":207},[6456],{"type":71,"value":480},{"type":65,"tag":184,"props":6458,"children":6459},{"class":186,"line":255},[6460,6464,6468,6473],{"type":65,"tag":184,"props":6461,"children":6462},{"style":500},[6463],{"type":71,"value":1036},{"type":65,"tag":184,"props":6465,"children":6466},{"style":207},[6467],{"type":71,"value":508},{"type":65,"tag":184,"props":6469,"children":6470},{"style":213},[6471],{"type":71,"value":6472}," RootComponent",{"type":65,"tag":184,"props":6474,"children":6475},{"style":207},[6476],{"type":71,"value":279},{"type":65,"tag":184,"props":6478,"children":6479},{"class":186,"line":268},[6480,6484],{"type":65,"tag":184,"props":6481,"children":6482},{"style":207},[6483],{"type":71,"value":314},{"type":65,"tag":184,"props":6485,"children":6486},{"style":213},[6487],{"type":71,"value":668},{"type":65,"tag":184,"props":6489,"children":6490},{"class":186,"line":282},[6491],{"type":65,"tag":184,"props":6492,"children":6493},{"emptyLinePlaceholder":376},[6494],{"type":71,"value":379},{"type":65,"tag":184,"props":6496,"children":6497},{"class":186,"line":295},[6498],{"type":65,"tag":184,"props":6499,"children":6500},{"style":191},[6501],{"type":71,"value":6502},"\u002F\u002F CORRECT — double call: factory()({options})\n",{"type":65,"tag":184,"props":6504,"children":6505},{"class":186,"line":308},[6506,6510,6514,6518,6522,6526,6530,6534,6538,6542,6546],{"type":65,"tag":184,"props":6507,"children":6508},{"style":412},[6509],{"type":71,"value":415},{"type":65,"tag":184,"props":6511,"children":6512},{"style":213},[6513],{"type":71,"value":6418},{"type":65,"tag":184,"props":6515,"children":6516},{"style":207},[6517],{"type":71,"value":425},{"type":65,"tag":184,"props":6519,"children":6520},{"style":433},[6521],{"type":71,"value":879},{"type":65,"tag":184,"props":6523,"children":6524},{"style":207},[6525],{"type":71,"value":6431},{"type":65,"tag":184,"props":6527,"children":6528},{"style":500},[6529],{"type":71,"value":1261},{"type":65,"tag":184,"props":6531,"children":6532},{"style":207},[6533],{"type":71,"value":508},{"type":65,"tag":184,"props":6535,"children":6536},{"style":600},[6537],{"type":71,"value":216},{"type":65,"tag":184,"props":6539,"children":6540},{"style":207},[6541],{"type":71,"value":6448},{"type":65,"tag":184,"props":6543,"children":6544},{"style":213},[6545],{"type":71,"value":1024},{"type":65,"tag":184,"props":6547,"children":6548},{"style":207},[6549],{"type":71,"value":480},{"type":65,"tag":184,"props":6551,"children":6552},{"class":186,"line":334},[6553,6557,6561,6565],{"type":65,"tag":184,"props":6554,"children":6555},{"style":500},[6556],{"type":71,"value":1036},{"type":65,"tag":184,"props":6558,"children":6559},{"style":207},[6560],{"type":71,"value":508},{"type":65,"tag":184,"props":6562,"children":6563},{"style":213},[6564],{"type":71,"value":6472},{"type":65,"tag":184,"props":6566,"children":6567},{"style":207},[6568],{"type":71,"value":279},{"type":65,"tag":184,"props":6570,"children":6571},{"class":186,"line":372},[6572,6576],{"type":65,"tag":184,"props":6573,"children":6574},{"style":207},[6575],{"type":71,"value":314},{"type":65,"tag":184,"props":6577,"children":6578},{"style":213},[6579],{"type":71,"value":668},{"type":65,"tag":159,"props":6581,"children":6583},{"id":6582},"tension-built-in-swr-cache-vs-external-cache",[6584],{"type":71,"value":6585},"Tension: Built-In SWR Cache vs External Cache",{"type":65,"tag":74,"props":6587,"children":6588},{},[6589,6591,6596,6598,6604,6605,6610],{"type":71,"value":6590},"TanStack Router has its own SWR cache (",{"type":65,"tag":122,"props":6592,"children":6594},{"className":6593},[],[6595],{"type":71,"value":5628},{"type":71,"value":6597},", ",{"type":65,"tag":122,"props":6599,"children":6601},{"className":6600},[],[6602],{"type":71,"value":6603},"gcTime",{"type":71,"value":6597},{"type":65,"tag":122,"props":6606,"children":6608},{"className":6607},[],[6609],{"type":71,"value":5615},{"type":71,"value":6611},"). When using Query as an external cache:",{"type":65,"tag":2020,"props":6613,"children":6614},{},[6615,6627,6658],{"type":65,"tag":2024,"props":6616,"children":6617},{},[6618,6620,6625],{"type":71,"value":6619},"Set ",{"type":65,"tag":122,"props":6621,"children":6623},{"className":6622},[],[6624],{"type":71,"value":127},{"type":71,"value":6626}," to prevent Router's cache from short-circuiting Query's freshness logic",{"type":65,"tag":2024,"props":6628,"children":6629},{},[6630,6632,6637,6639,6644,6646,6651,6653],{"type":71,"value":6631},"Router's ",{"type":65,"tag":122,"props":6633,"children":6635},{"className":6634},[],[6636],{"type":71,"value":5628},{"type":71,"value":6638},"\u002F",{"type":65,"tag":122,"props":6640,"children":6642},{"className":6641},[],[6643],{"type":71,"value":6603},{"type":71,"value":6645}," still apply to the loader return value. For pure Query patterns, return nothing from the loader (just ",{"type":65,"tag":122,"props":6647,"children":6649},{"className":6648},[],[6650],{"type":71,"value":2633},{"type":71,"value":6652}," for the side effect) and read data exclusively from ",{"type":65,"tag":122,"props":6654,"children":6656},{"className":6655},[],[6657],{"type":71,"value":2641},{"type":65,"tag":2024,"props":6659,"children":6660},{},[6661,6667,6669,6674,6676],{"type":65,"tag":122,"props":6662,"children":6664},{"className":6663},[],[6665],{"type":71,"value":6666},"router.invalidate()",{"type":71,"value":6668}," re-runs loaders (which call ",{"type":65,"tag":122,"props":6670,"children":6672},{"className":6671},[],[6673],{"type":71,"value":2633},{"type":71,"value":6675},"), but Query decides whether to actually refetch based on its own ",{"type":65,"tag":122,"props":6677,"children":6679},{"className":6678},[],[6680],{"type":71,"value":5628},{"type":65,"tag":159,"props":6682,"children":6684},{"id":6683},"cross-references",[6685],{"type":71,"value":6686},"Cross-References",{"type":65,"tag":2020,"props":6688,"children":6689},{},[6690,6700],{"type":65,"tag":2024,"props":6691,"children":6692},{},[6693,6698],{"type":65,"tag":80,"props":6694,"children":6696},{"href":6695},"..\u002F..\u002F..\u002F..\u002Frouter-core\u002Fskills\u002Frouter-core\u002Fdata-loading\u002FSKILL.md",[6697],{"type":71,"value":56},{"type":71,"value":6699}," — built-in loader caching fundamentals",{"type":65,"tag":2024,"props":6701,"children":6702},{},[6703,6709],{"type":65,"tag":80,"props":6704,"children":6706},{"href":6705},"..\u002F..\u002F..\u002F..\u002Frouter-core\u002Fskills\u002Frouter-core\u002Fssr\u002FSKILL.md",[6707],{"type":71,"value":6708},"router-core\u002Fssr",{"type":71,"value":6710}," — SSR setup for dehydration\u002Fhydration",{"type":65,"tag":6712,"props":6713,"children":6714},"style",{},[6715],{"type":71,"value":6716},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":6718,"total":777},[6719,6734,6749,6765,6778,6797,6808],{"slug":6720,"name":6720,"fn":6721,"description":6722,"org":6723,"tags":6724,"stars":23,"repoUrl":24,"updatedAt":6733},"auth-and-guards","implement route protection in TanStack Router","Route protection with beforeLoad, redirect()\u002Fthrow redirect(), isRedirect helper, authenticated layout routes (_authenticated), non-redirect auth (inline login), RBAC with roles and permissions, auth provider integration (Auth0, Clerk, Supabase), router context for auth state.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6725,6728,6729,6731,6732],{"name":6726,"slug":6727,"type":15},"Auth","auth",{"name":21,"slug":22,"type":15},{"name":6730,"slug":34,"type":15},"Routing",{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:27:07.639032",{"slug":6735,"name":6735,"fn":6736,"description":6737,"org":6738,"tags":6739,"stars":23,"repoUrl":24,"updatedAt":6748},"auth-server-primitives","implement server-side authentication primitives","Server-side authentication primitives for TanStack Start: session cookies (HttpOnly, Secure, SameSite, __Host- prefix), session read\u002Fissue\u002Fdestroy via createServerFn and middleware, OAuth authorization-code flow with state and PKCE, password-reset enumeration defense, CSRF for non-GET RPCs, rate limiting auth endpoints, session rotation on privilege change. Pairs with router-core\u002Fauth-and-guards for the routing side.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6740,6741,6744,6747],{"name":6726,"slug":6727,"type":15},{"name":6742,"slug":6743,"type":15},"OAuth","oauth",{"name":6745,"slug":6746,"type":15},"Security","security",{"name":9,"slug":8,"type":15},"2026-07-30T05:26:59.504396",{"slug":6750,"name":6750,"fn":6751,"description":6752,"org":6753,"tags":6754,"stars":23,"repoUrl":24,"updatedAt":6764},"code-splitting","configure code splitting in TanStack Router","Automatic code splitting (autoCodeSplitting), .lazy.tsx convention, createLazyFileRoute, createLazyRoute, lazyRouteComponent, getRouteApi for typed hooks in split files, codeSplitGroupings per-route override, splitBehavior programmatic config, critical vs non-critical properties.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6755,6758,6759,6762,6763],{"name":6756,"slug":6757,"type":15},"Engineering","engineering",{"name":21,"slug":22,"type":15},{"name":6760,"slug":6761,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:27:11.494406",{"slug":6766,"name":6766,"fn":6767,"description":6768,"org":6769,"tags":6770,"stars":23,"repoUrl":24,"updatedAt":6777},"data-loading","manage data loading in TanStack Router","Route loader option, loaderDeps for cache keys, staleTime\u002FgcTime\u002F defaultPreloadStaleTime SWR caching, pendingComponent\u002FpendingMs\u002F pendingMinMs, errorComponent\u002FonError\u002FonCatch, beforeLoad, router context and createRootRouteWithContext DI pattern, router.invalidate, Await component, deferred data loading with unawaited promises.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6771,6774,6775,6776],{"name":6772,"slug":6773,"type":15},"Caching","caching",{"name":6760,"slug":6761,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:26:54.487943",{"slug":6779,"name":6779,"fn":6780,"description":6781,"org":6782,"tags":6783,"stars":23,"repoUrl":24,"updatedAt":6796},"deployment","deploy TanStack Start applications","Deploy to Cloudflare Workers, Netlify, Vercel, Node.js\u002FDocker, Bun, Railway. Selective SSR (ssr option per route), SPA mode, static prerendering, ISR with Cache-Control headers, SEO and head management.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6784,6787,6789,6792,6793],{"name":6785,"slug":6786,"type":15},"Cloudflare","cloudflare",{"name":6788,"slug":6779,"type":15},"Deployment",{"name":6790,"slug":6791,"type":15},"Netlify","netlify",{"name":9,"slug":8,"type":15},{"name":6794,"slug":6795,"type":15},"Vercel","vercel","2026-07-30T05:26:50.509927",{"slug":6798,"name":6798,"fn":6799,"description":6800,"org":6801,"tags":6802,"stars":23,"repoUrl":24,"updatedAt":6807},"execution-model","manage isomorphic execution models","Isomorphic-by-default principle, environment boundary functions (createServerFn, createServerOnlyFn, createClientOnlyFn, createIsomorphicFn), ClientOnly component, useHydrated hook, import protection, dead code elimination, environment variable safety (VITE_ prefix, process.env).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6803,6806],{"name":6804,"slug":6805,"type":15},"Architecture","architecture",{"name":9,"slug":8,"type":15},"2026-07-30T05:27:04.558441",{"slug":6809,"name":6809,"fn":6810,"description":6811,"org":6812,"tags":6813,"stars":23,"repoUrl":24,"updatedAt":6821},"middleware","implement TanStack Router middleware","createMiddleware, request middleware (.server only), server function middleware (.client + .server), context passing via next({ context }), sendContext for client-server transfer, global middleware via createStart in src\u002Fstart.ts, middleware factories, method order enforcement, fetch override precedence.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6814,6817,6818,6820],{"name":6815,"slug":6816,"type":15},"Backend","backend",{"name":21,"slug":22,"type":15},{"name":6819,"slug":6809,"type":15},"Middleware",{"name":9,"slug":8,"type":15},"2026-07-30T05:26:58.546019",{"items":6823,"total":6961},[6824,6838,6850,6862,6875,6887,6897,6907,6920,6930,6941,6951],{"slug":6825,"name":6825,"fn":6826,"description":6827,"org":6828,"tags":6829,"stars":6835,"repoUrl":6836,"updatedAt":6837},"aggregation","perform data aggregation in TanStack Table","Aggregate TanStack Table columns independently of grouping, including grand totals, caller-selected row totals, multiple keyed aggregations, custom context-based definitions, grouped merges, manual values, and worker constraints.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6830,6833,6834],{"name":6831,"slug":6832,"type":15},"Data Analysis","data-analysis",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},28175,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable","2026-07-30T05:25:59.429787",{"slug":6839,"name":6839,"fn":6840,"description":6841,"org":6842,"tags":6843,"stars":6835,"repoUrl":6836,"updatedAt":6849},"api-not-found","diagnose TanStack Table API errors","Diagnose missing TanStack Table v9 exports, options, state slices, and instance methods. Load before inventing an API when code sees a type error, undefined feature method, absent object key, adapter mismatch, or v8-shaped example.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6844,6847,6848],{"name":6845,"slug":6846,"type":15},"Debugging","debugging",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":6851,"name":6851,"fn":6852,"description":6853,"org":6854,"tags":6855,"stars":6835,"repoUrl":6836,"updatedAt":6861},"cell-selection","select rectangular cell ranges in tables","Select rectangular cell ranges with cellSelectionFeature: two-corner range state keyed by row and column id, mousedown\u002Fmouseenter handlers, selection edges, render-order resolution under pinning, and autoResetCellSelection. Load when ranges widen unexpectedly after sorting or column reordering, when a drag re-renders the whole table, or when building copy-to-clipboard from a selection.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6856,6857,6858],{"name":6831,"slug":6832,"type":15},{"name":9,"slug":8,"type":15},{"name":6859,"slug":6860,"type":15},"UI Components","ui-components","2026-07-30T05:25:38.403427",{"slug":6863,"name":6863,"fn":6864,"description":6865,"org":6866,"tags":6867,"stars":6835,"repoUrl":6836,"updatedAt":6874},"client-vs-server","manage TanStack Table data pipelines","Choose client or server ownership for filtering, grouping, sorting, expanding, and pagination in TanStack Table v9. Load for manual* flags, mixed pipelines, server counts, or deciding which dataset each row-model stage receives.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6868,6871,6872,6873],{"name":6869,"slug":6870,"type":15},"Data Pipeline","data-pipeline",{"name":21,"slug":22,"type":15},{"name":6760,"slug":6761,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":6876,"name":6876,"fn":6877,"description":6878,"org":6879,"tags":6880,"stars":6835,"repoUrl":6836,"updatedAt":6886},"column-faceting","build faceted filter UIs","Build faceted filter UIs with columnFacetingFeature, facetedRowModel, facetedUniqueValues, and facetedMinMaxValues. Load for facet counts, numeric ranges, own-filter exclusion, or server-page facet completeness.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6881,6884,6885],{"name":6882,"slug":6883,"type":15},"Data Visualization","data-visualization",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:41.397257",{"slug":6888,"name":6888,"fn":6889,"description":6890,"org":6891,"tags":6892,"stars":6835,"repoUrl":6836,"updatedAt":6896},"column-filtering","implement column filtering in TanStack Table","Filter columns with columnFilteringFeature, filteredRowModel, filterFns, filterMeta, nested-row direction, and manualFiltering. Load for accessor compatibility, controlled filter updaters, fuzzy metadata, or client\u002Fserver ownership.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6893,6894,6895],{"name":6831,"slug":6832,"type":15},{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":6898,"name":6898,"fn":6899,"description":6900,"org":6901,"tags":6902,"stars":6835,"repoUrl":6836,"updatedAt":6906},"column-ordering","manage TanStack Table column ordering","Control TanStack Table v9 leaf columnOrder with stable IDs while accounting for pinning regions, visibility, and groupedColumnMode precedence. Load for drag-and-drop columns or rendered order that differs from state.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6903,6904,6905],{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":6859,"slug":6860,"type":15},"2026-07-30T05:26:03.37801",{"slug":6908,"name":6908,"fn":6909,"description":6910,"org":6911,"tags":6912,"stars":6835,"repoUrl":6836,"updatedAt":6919},"column-pinning","configure column pinning in TanStack Table","Pin columns into logical start, center, and end regions with columnPinningFeature and renderer-owned sticky CSS. Load for RTL offsets, z-index, backgrounds, overflow, widths, gaps, or overlaps.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6913,6916,6917,6918],{"name":6914,"slug":6915,"type":15},"CSS","css",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":6859,"slug":6860,"type":15},"2026-07-30T05:25:55.377366",{"slug":6921,"name":6921,"fn":6922,"description":6923,"org":6924,"tags":6925,"stars":6835,"repoUrl":6836,"updatedAt":6929},"column-resizing","implement column resizing in TanStack Table","Wire columnResizingFeature, header.getResizeHandler, resize mode and direction, pointer or touch events, and performant CSS-variable updates. Load when resize state changes but widths do not, or large tables resize slowly.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6926,6927,6928],{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":6859,"slug":6860,"type":15},"2026-07-30T05:25:51.400011",{"slug":6931,"name":6931,"fn":6932,"description":6933,"org":6934,"tags":6935,"stars":6835,"repoUrl":6836,"updatedAt":6940},"column-sizing","configure column sizing in TanStack Table","Use columnSizingFeature numeric size, minSize, maxSize, getSize, getStart, getAfter, and total-size APIs in table, grid, or flex CSS. Load for auto or percentage misconceptions and sizing\u002Fpinning layout mismatch.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6936,6937,6938,6939],{"name":6914,"slug":6915,"type":15},{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":6859,"slug":6860,"type":15},"2026-07-30T05:25:48.703799",{"slug":6942,"name":6942,"fn":6943,"description":6944,"org":6945,"tags":6946,"stars":6835,"repoUrl":6836,"updatedAt":6950},"column-visibility","manage column visibility in TanStack Table","Hide columns with columnVisibilityFeature while rendering visibility-aware header, column, and cell collections. Load when hidden columns remain in the DOM, false-versus-absent state is confused, or enableHiding is misunderstood.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6947,6948,6949],{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":6859,"slug":6860,"type":15},"2026-07-30T05:25:47.367943",{"slug":6952,"name":6952,"fn":6953,"description":6954,"org":6955,"tags":6956,"stars":6835,"repoUrl":6836,"updatedAt":6960},"core","build data grids with TanStack Table","Use TanStack Table v9 as a headless data-grid state and row-processing engine. Load for first-table architecture, stable data and columns, row numbering with getDisplayIndex, semantic rendering, framework adapter choice, or deciding what Table owns versus the renderer.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6957,6958,6959],{"name":6831,"slug":6832,"type":15},{"name":21,"slug":22,"type":15},{"name":6859,"slug":6860,"type":15},"2026-07-30T05:25:52.366295",125]