[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-react-start":3,"mdc--je9923-key":45,"related-org-tanstack-react-start":4497,"related-repo-tanstack-react-start":4641},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":20,"repoUrl":21,"updatedAt":22,"license":23,"forks":24,"topics":25,"repo":40,"sourceUrl":43,"mdContent":44},"react-start","build applications with TanStack Start","React bindings for TanStack Start: createStart, StartClient, StartServer, React-specific imports, re-exports from @tanstack\u002Freact-router, full project setup with React, useServerFn hook.",{"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],{"name":13,"slug":14,"type":15},"React","react","tag",{"name":17,"slug":18,"type":15},"TypeScript","typescript",{"name":9,"slug":8,"type":15},14787,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Frouter","2026-07-30T05:27:08.513783",null,1761,[26,27,28,14,29,30,31,32,33,34,35,36,37,38,18,39],"framework","fullstack","javascript","route","router","routing","rpc","search","searchparams","server-functions","ssr","state-management","typesafe","url",{"repoUrl":21,"stars":20,"forks":24,"topics":41,"description":42},[26,27,28,14,29,30,31,32,33,34,35,36,37,38,18,39],"🤖 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-start\u002Fskills\u002Freact-start","---\nname: react-start\ndescription: >-\n  React bindings for TanStack Start: createStart, StartClient,\n  StartServer, React-specific imports, re-exports from\n  @tanstack\u002Freact-router, full project setup with React, useServerFn\n  hook.\nmetadata:\n  type: framework\n  library: tanstack-start\n  library_version: '1.168.32'\n  framework: react\nrequires:\n  - start-core\nsources:\n  - TanStack\u002Frouter:packages\u002Freact-start\u002Fsrc\n  - TanStack\u002Frouter:docs\u002Fstart\u002Fframework\u002Freact\u002Fbuild-from-scratch.md\n---\n\n# React Start (`@tanstack\u002Freact-start`)\n\nThis is the React Start entry skill. Use the workflow below, then load only the package skill that owns the boundary you are changing. Do not read `start-core`, Router Core, and React Router manuals in full before starting.\n\nFor React Server Components patterns, see [react-start\u002Fserver-components](.\u002Fserver-components\u002FSKILL.md).\n\n> **CRITICAL**: All code is ISOMORPHIC by default. Loaders run on BOTH server and client. Use `createServerFn` for server-only logic.\n\n> **CRITICAL**: Do not confuse `@tanstack\u002Freact-start` with Next.js or Remix. They are completely different frameworks with different APIs.\n\n> **CRITICAL**: Types are FULLY INFERRED. Never cast, never annotate inferred values.\n\n## Full-Stack Workflow\n\n1. Define the route and component with `createFileRoute`.\n2. Put private or server-only reads and writes in `createServerFn`; call reads directly from loaders.\n3. Use `useServerFn` for component mutations, then invalidate the router or query cache after the write resolves.\n4. Enforce auth in every private server function or server route. Add `beforeLoad` separately for navigation UX.\n5. Run the initial SSR path, client navigation, mutation plus reload, direct anonymous endpoint request, runtime response assertion, type tests, and production build.\n\nLoad `start-core\u002Fserver-routes` instead of `server-functions` only when a raw HTTP endpoint is required. Load `router-core\u002F*` only for the specific routing concern involved, such as params or search validation.\n\n## Package API Surface\n\n`@tanstack\u002Freact-start` re-exports everything from `@tanstack\u002Fstart-client-core` plus:\n\n- `useServerFn` — React hook for calling server functions from components\n\nAll core APIs (`createServerFn`, `createMiddleware`, `createStart`, `createIsomorphicFn`, `createServerOnlyFn`, `createClientOnlyFn`) are available from `@tanstack\u002Freact-start`.\n\nServer utilities (`getRequest`, `getRequestHeader`, `setResponseHeader`, `setResponseHeaders`, `setResponseStatus`) are imported from `@tanstack\u002Freact-start\u002Fserver`.\n\n## Full Project Setup\n\n### 1. Install Dependencies\n\n```bash\nnpm i @tanstack\u002Freact-start @tanstack\u002Freact-router react react-dom\nnpm i -D vite @vitejs\u002Fplugin-react typescript @types\u002Freact @types\u002Freact-dom\n```\n\n### 2. package.json\n\n```json\n{\n  \"type\": \"module\",\n  \"scripts\": {\n    \"dev\": \"vite dev\",\n    \"build\": \"vite build\",\n    \"start\": \"node .output\u002Fserver\u002Findex.mjs\"\n  }\n}\n```\n\n### 3. tsconfig.json\n\n```json\n{\n  \"compilerOptions\": {\n    \"jsx\": \"react-jsx\",\n    \"moduleResolution\": \"Bundler\",\n    \"module\": \"ESNext\",\n    \"target\": \"ES2022\",\n    \"skipLibCheck\": true,\n    \"strictNullChecks\": true\n  }\n}\n```\n\n### 4. vite.config.ts\n\n```ts\nimport { defineConfig } from 'vite'\nimport { tanstackStart } from '@tanstack\u002Freact-start\u002Fplugin\u002Fvite'\nimport viteReact from '@vitejs\u002Fplugin-react'\n\nexport default defineConfig({\n  plugins: [\n    tanstackStart(), \u002F\u002F MUST come before react()\n    viteReact(),\n  ],\n})\n```\n\n### 5. Router Factory (src\u002Frouter.tsx)\n\n```tsx\nimport { createRouter } from '@tanstack\u002Freact-router'\nimport { routeTree } from '.\u002FrouteTree.gen'\n\nexport function getRouter() {\n  const router = createRouter({\n    routeTree,\n    scrollRestoration: true,\n  })\n  return router\n}\n```\n\n### 6. Root Route (src\u002Froutes\u002F\\_\\_root.tsx)\n\n```tsx\nimport type { ReactNode } from 'react'\nimport {\n  Outlet,\n  createRootRoute,\n  HeadContent,\n  Scripts,\n} from '@tanstack\u002Freact-router'\n\nexport const Route = createRootRoute({\n  head: () => ({\n    meta: [\n      { charSet: 'utf-8' },\n      { name: 'viewport', content: 'width=device-width, initial-scale=1' },\n      { title: 'My TanStack Start App' },\n    ],\n  }),\n  component: RootComponent,\n})\n\nfunction RootComponent() {\n  return (\n    \u003CRootDocument>\n      \u003COutlet \u002F>\n    \u003C\u002FRootDocument>\n  )\n}\n\nfunction RootDocument({ children }: Readonly\u003C{ children: ReactNode }>) {\n  return (\n    \u003Chtml>\n      \u003Chead>\n        \u003CHeadContent \u002F>\n      \u003C\u002Fhead>\n      \u003Cbody>\n        {children}\n        \u003CScripts \u002F>\n      \u003C\u002Fbody>\n    \u003C\u002Fhtml>\n  )\n}\n```\n\n### 7. Index Route (src\u002Froutes\u002Findex.tsx)\n\n```tsx\nimport { createFileRoute } from '@tanstack\u002Freact-router'\nimport { createServerFn } from '@tanstack\u002Freact-start'\n\nconst getGreeting = createServerFn({ method: 'GET' }).handler(async () => {\n  return 'Hello from TanStack Start!'\n})\n\nexport const Route = createFileRoute('\u002F')({\n  loader: () => getGreeting(),\n  component: HomePage,\n})\n\nfunction HomePage() {\n  const greeting = Route.useLoaderData()\n  return \u003Ch1>{greeting}\u003C\u002Fh1>\n}\n```\n\n## useServerFn Hook\n\nUse `useServerFn` to call server functions from React components with proper integration:\n\n```tsx\nimport { createServerFn, useServerFn } from '@tanstack\u002Freact-start'\n\nconst updatePost = createServerFn({ method: 'POST' })\n  .validator((data: { id: string; title: string }) => data)\n  .handler(async ({ data }) => {\n    await db.posts.update(data.id, { title: data.title })\n    return { success: true }\n  })\n\nfunction EditPostForm({ postId }: { postId: string }) {\n  const updatePostFn = useServerFn(updatePost)\n  const [title, setTitle] = useState('')\n\n  return (\n    \u003Cform\n      onSubmit={async (e) => {\n        e.preventDefault()\n        await updatePostFn({ data: { id: postId, title } })\n      }}\n    >\n      \u003Cinput value={title} onChange={(e) => setTitle(e.target.value)} \u002F>\n      \u003Cbutton type=\"submit\">Save\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  )\n}\n```\n\n## Global Start Configuration (src\u002Fstart.ts)\n\n```tsx\nimport { createStart, createMiddleware } from '@tanstack\u002Freact-start'\n\nconst requestLogger = createMiddleware().server(async ({ next, request }) => {\n  console.log(`${request.method} ${request.url}`)\n  return next()\n})\n\nexport const startInstance = createStart(() => ({\n  requestMiddleware: [requestLogger],\n}))\n```\n\n## React-Specific Components\n\nAll routing components from `@tanstack\u002Freact-router` work in Start:\n\n- `\u003CRouterProvider>` — not needed in Start (handled automatically)\n- `\u003COutlet>` — renders matched child route\n- `\u003CLink>` — type-safe navigation\n- `\u003CNavigate>` — declarative redirect\n- `\u003CHeadContent>` — renders head tags (must be in `\u003Chead>`)\n- `\u003CScripts>` — renders body scripts (must be in `\u003Cbody>`)\n- `\u003CAwait>` — renders deferred data with Suspense\n- `\u003CClientOnly>` — renders children only after hydration\n- `\u003CCatchBoundary>` — error boundary\n\n## Hooks Reference\n\nAll hooks from `@tanstack\u002Freact-router` work in Start:\n\n- `useRouter()` — router instance\n- `useRouterState()` — subscribe to router state\n- `useNavigate()` — programmatic navigation\n- `useSearch({ from })` — validated search params\n- `useParams({ from })` — path params\n- `useLoaderData({ from })` — loader data\n- `useMatch({ from })` — full route match\n- `useRouteContext({ from })` — route context\n- `Route.useLoaderData()` — typed loader data (preferred in route files)\n- `Route.useSearch()` — typed search params (preferred in route files)\n\n## Common Mistakes\n\n### 1. CRITICAL: Importing from wrong package\n\n```tsx\n\u002F\u002F WRONG — this is the SPA router, NOT Start\nimport { createServerFn } from '@tanstack\u002Freact-router'\n\n\u002F\u002F CORRECT — server functions come from react-start\nimport { createServerFn } from '@tanstack\u002Freact-start'\n\n\u002F\u002F CORRECT — routing APIs come from react-router (re-exported by Start too)\nimport { createFileRoute, Link } from '@tanstack\u002Freact-router'\n```\n\n### 2. HIGH: Using React hooks in beforeLoad or loader\n\n```tsx\n\u002F\u002F WRONG — beforeLoad\u002Floader are NOT React components\nbeforeLoad: () => {\n  const auth = useAuth() \u002F\u002F React hook, cannot be used here\n}\n\n\u002F\u002F CORRECT — pass state via router context\nconst rootRoute = createRootRouteWithContext\u003C{ auth: AuthState }>()({})\n```\n\n### 3. HIGH: Missing Scripts component\n\nWithout `\u003CScripts \u002F>` in the root route's `\u003Cbody>`, client JavaScript doesn't load and the app won't hydrate.\n\n## Cross-References\n\n- [start-core](..\u002F..\u002F..\u002Fstart-client-core\u002Fskills\u002Fstart-core\u002FSKILL.md) — core Start concepts\n- [router-core](..\u002F..\u002F..\u002Frouter-core\u002Fskills\u002Frouter-core\u002FSKILL.md) — routing fundamentals\n- [react-router](..\u002F..\u002F..\u002Freact-router\u002Fskills\u002Freact-router\u002FSKILL.md) — React Router hooks and components\n",{"data":46,"body":55},{"name":4,"description":6,"metadata":47,"requires":50,"sources":52},{"type":26,"library":48,"library_version":49,"framework":14},"tanstack-start","1.168.32",[51],"start-core",[53,54],"TanStack\u002Frouter:packages\u002Freact-start\u002Fsrc","TanStack\u002Frouter:docs\u002Fstart\u002Fframework\u002Freact\u002Fbuild-from-scratch.md",{"type":56,"children":57},"root",[58,76,89,103,126,145,157,164,224,252,258,276,290,344,392,398,405,496,502,719,725,976,982,1222,1228,1439,1445,2222,2228,2662,2668,2679,3519,3525,3835,3841,3853,3969,3975,3986,4099,4105,4111,4270,4276,4424,4430,4450,4456,4491],{"type":59,"tag":60,"props":61,"children":63},"element","h1",{"id":62},"react-start-tanstackreact-start",[64,67,74],{"type":65,"value":66},"text","React Start (",{"type":59,"tag":68,"props":69,"children":71},"code",{"className":70},[],[72],{"type":65,"value":73},"@tanstack\u002Freact-start",{"type":65,"value":75},")",{"type":59,"tag":77,"props":78,"children":79},"p",{},[80,82,87],{"type":65,"value":81},"This is the React Start entry skill. Use the workflow below, then load only the package skill that owns the boundary you are changing. Do not read ",{"type":59,"tag":68,"props":83,"children":85},{"className":84},[],[86],{"type":65,"value":51},{"type":65,"value":88},", Router Core, and React Router manuals in full before starting.",{"type":59,"tag":77,"props":90,"children":91},{},[92,94,101],{"type":65,"value":93},"For React Server Components patterns, see ",{"type":59,"tag":95,"props":96,"children":98},"a",{"href":97},".\u002Fserver-components\u002FSKILL.md",[99],{"type":65,"value":100},"react-start\u002Fserver-components",{"type":65,"value":102},".",{"type":59,"tag":104,"props":105,"children":106},"blockquote",{},[107],{"type":59,"tag":77,"props":108,"children":109},{},[110,116,118,124],{"type":59,"tag":111,"props":112,"children":113},"strong",{},[114],{"type":65,"value":115},"CRITICAL",{"type":65,"value":117},": All code is ISOMORPHIC by default. Loaders run on BOTH server and client. Use ",{"type":59,"tag":68,"props":119,"children":121},{"className":120},[],[122],{"type":65,"value":123},"createServerFn",{"type":65,"value":125}," for server-only logic.",{"type":59,"tag":104,"props":127,"children":128},{},[129],{"type":59,"tag":77,"props":130,"children":131},{},[132,136,138,143],{"type":59,"tag":111,"props":133,"children":134},{},[135],{"type":65,"value":115},{"type":65,"value":137},": Do not confuse ",{"type":59,"tag":68,"props":139,"children":141},{"className":140},[],[142],{"type":65,"value":73},{"type":65,"value":144}," with Next.js or Remix. They are completely different frameworks with different APIs.",{"type":59,"tag":104,"props":146,"children":147},{},[148],{"type":59,"tag":77,"props":149,"children":150},{},[151,155],{"type":59,"tag":111,"props":152,"children":153},{},[154],{"type":65,"value":115},{"type":65,"value":156},": Types are FULLY INFERRED. Never cast, never annotate inferred values.",{"type":59,"tag":158,"props":159,"children":161},"h2",{"id":160},"full-stack-workflow",[162],{"type":65,"value":163},"Full-Stack Workflow",{"type":59,"tag":165,"props":166,"children":167},"ol",{},[168,181,193,206,219],{"type":59,"tag":169,"props":170,"children":171},"li",{},[172,174,180],{"type":65,"value":173},"Define the route and component with ",{"type":59,"tag":68,"props":175,"children":177},{"className":176},[],[178],{"type":65,"value":179},"createFileRoute",{"type":65,"value":102},{"type":59,"tag":169,"props":182,"children":183},{},[184,186,191],{"type":65,"value":185},"Put private or server-only reads and writes in ",{"type":59,"tag":68,"props":187,"children":189},{"className":188},[],[190],{"type":65,"value":123},{"type":65,"value":192},"; call reads directly from loaders.",{"type":59,"tag":169,"props":194,"children":195},{},[196,198,204],{"type":65,"value":197},"Use ",{"type":59,"tag":68,"props":199,"children":201},{"className":200},[],[202],{"type":65,"value":203},"useServerFn",{"type":65,"value":205}," for component mutations, then invalidate the router or query cache after the write resolves.",{"type":59,"tag":169,"props":207,"children":208},{},[209,211,217],{"type":65,"value":210},"Enforce auth in every private server function or server route. Add ",{"type":59,"tag":68,"props":212,"children":214},{"className":213},[],[215],{"type":65,"value":216},"beforeLoad",{"type":65,"value":218}," separately for navigation UX.",{"type":59,"tag":169,"props":220,"children":221},{},[222],{"type":65,"value":223},"Run the initial SSR path, client navigation, mutation plus reload, direct anonymous endpoint request, runtime response assertion, type tests, and production build.",{"type":59,"tag":77,"props":225,"children":226},{},[227,229,235,237,242,244,250],{"type":65,"value":228},"Load ",{"type":59,"tag":68,"props":230,"children":232},{"className":231},[],[233],{"type":65,"value":234},"start-core\u002Fserver-routes",{"type":65,"value":236}," instead of ",{"type":59,"tag":68,"props":238,"children":240},{"className":239},[],[241],{"type":65,"value":35},{"type":65,"value":243}," only when a raw HTTP endpoint is required. Load ",{"type":59,"tag":68,"props":245,"children":247},{"className":246},[],[248],{"type":65,"value":249},"router-core\u002F*",{"type":65,"value":251}," only for the specific routing concern involved, such as params or search validation.",{"type":59,"tag":158,"props":253,"children":255},{"id":254},"package-api-surface",[256],{"type":65,"value":257},"Package API Surface",{"type":59,"tag":77,"props":259,"children":260},{},[261,266,268,274],{"type":59,"tag":68,"props":262,"children":264},{"className":263},[],[265],{"type":65,"value":73},{"type":65,"value":267}," re-exports everything from ",{"type":59,"tag":68,"props":269,"children":271},{"className":270},[],[272],{"type":65,"value":273},"@tanstack\u002Fstart-client-core",{"type":65,"value":275}," plus:",{"type":59,"tag":277,"props":278,"children":279},"ul",{},[280],{"type":59,"tag":169,"props":281,"children":282},{},[283,288],{"type":59,"tag":68,"props":284,"children":286},{"className":285},[],[287],{"type":65,"value":203},{"type":65,"value":289}," — React hook for calling server functions from components",{"type":59,"tag":77,"props":291,"children":292},{},[293,295,300,302,308,309,315,316,322,323,329,330,336,338,343],{"type":65,"value":294},"All core APIs (",{"type":59,"tag":68,"props":296,"children":298},{"className":297},[],[299],{"type":65,"value":123},{"type":65,"value":301},", ",{"type":59,"tag":68,"props":303,"children":305},{"className":304},[],[306],{"type":65,"value":307},"createMiddleware",{"type":65,"value":301},{"type":59,"tag":68,"props":310,"children":312},{"className":311},[],[313],{"type":65,"value":314},"createStart",{"type":65,"value":301},{"type":59,"tag":68,"props":317,"children":319},{"className":318},[],[320],{"type":65,"value":321},"createIsomorphicFn",{"type":65,"value":301},{"type":59,"tag":68,"props":324,"children":326},{"className":325},[],[327],{"type":65,"value":328},"createServerOnlyFn",{"type":65,"value":301},{"type":59,"tag":68,"props":331,"children":333},{"className":332},[],[334],{"type":65,"value":335},"createClientOnlyFn",{"type":65,"value":337},") are available from ",{"type":59,"tag":68,"props":339,"children":341},{"className":340},[],[342],{"type":65,"value":73},{"type":65,"value":102},{"type":59,"tag":77,"props":345,"children":346},{},[347,349,355,356,362,363,369,370,376,377,383,385,391],{"type":65,"value":348},"Server utilities (",{"type":59,"tag":68,"props":350,"children":352},{"className":351},[],[353],{"type":65,"value":354},"getRequest",{"type":65,"value":301},{"type":59,"tag":68,"props":357,"children":359},{"className":358},[],[360],{"type":65,"value":361},"getRequestHeader",{"type":65,"value":301},{"type":59,"tag":68,"props":364,"children":366},{"className":365},[],[367],{"type":65,"value":368},"setResponseHeader",{"type":65,"value":301},{"type":59,"tag":68,"props":371,"children":373},{"className":372},[],[374],{"type":65,"value":375},"setResponseHeaders",{"type":65,"value":301},{"type":59,"tag":68,"props":378,"children":380},{"className":379},[],[381],{"type":65,"value":382},"setResponseStatus",{"type":65,"value":384},") are imported from ",{"type":59,"tag":68,"props":386,"children":388},{"className":387},[],[389],{"type":65,"value":390},"@tanstack\u002Freact-start\u002Fserver",{"type":65,"value":102},{"type":59,"tag":158,"props":393,"children":395},{"id":394},"full-project-setup",[396],{"type":65,"value":397},"Full Project Setup",{"type":59,"tag":399,"props":400,"children":402},"h3",{"id":401},"_1-install-dependencies",[403],{"type":65,"value":404},"1. Install Dependencies",{"type":59,"tag":406,"props":407,"children":412},"pre",{"className":408,"code":409,"language":410,"meta":411,"style":411},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm i @tanstack\u002Freact-start @tanstack\u002Freact-router react react-dom\nnpm i -D vite @vitejs\u002Fplugin-react typescript @types\u002Freact @types\u002Freact-dom\n","bash","",[413],{"type":59,"tag":68,"props":414,"children":415},{"__ignoreMap":411},[416,454],{"type":59,"tag":417,"props":418,"children":421},"span",{"class":419,"line":420},"line",1,[422,428,434,439,444,449],{"type":59,"tag":417,"props":423,"children":425},{"style":424},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[426],{"type":65,"value":427},"npm",{"type":59,"tag":417,"props":429,"children":431},{"style":430},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[432],{"type":65,"value":433}," i",{"type":59,"tag":417,"props":435,"children":436},{"style":430},[437],{"type":65,"value":438}," @tanstack\u002Freact-start",{"type":59,"tag":417,"props":440,"children":441},{"style":430},[442],{"type":65,"value":443}," @tanstack\u002Freact-router",{"type":59,"tag":417,"props":445,"children":446},{"style":430},[447],{"type":65,"value":448}," react",{"type":59,"tag":417,"props":450,"children":451},{"style":430},[452],{"type":65,"value":453}," react-dom\n",{"type":59,"tag":417,"props":455,"children":457},{"class":419,"line":456},2,[458,462,466,471,476,481,486,491],{"type":59,"tag":417,"props":459,"children":460},{"style":424},[461],{"type":65,"value":427},{"type":59,"tag":417,"props":463,"children":464},{"style":430},[465],{"type":65,"value":433},{"type":59,"tag":417,"props":467,"children":468},{"style":430},[469],{"type":65,"value":470}," -D",{"type":59,"tag":417,"props":472,"children":473},{"style":430},[474],{"type":65,"value":475}," vite",{"type":59,"tag":417,"props":477,"children":478},{"style":430},[479],{"type":65,"value":480}," @vitejs\u002Fplugin-react",{"type":59,"tag":417,"props":482,"children":483},{"style":430},[484],{"type":65,"value":485}," typescript",{"type":59,"tag":417,"props":487,"children":488},{"style":430},[489],{"type":65,"value":490}," @types\u002Freact",{"type":59,"tag":417,"props":492,"children":493},{"style":430},[494],{"type":65,"value":495}," @types\u002Freact-dom\n",{"type":59,"tag":399,"props":497,"children":499},{"id":498},"_2-packagejson",[500],{"type":65,"value":501},"2. package.json",{"type":59,"tag":406,"props":503,"children":507},{"className":504,"code":505,"language":506,"meta":411,"style":411},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"type\": \"module\",\n  \"scripts\": {\n    \"dev\": \"vite dev\",\n    \"build\": \"vite build\",\n    \"start\": \"node .output\u002Fserver\u002Findex.mjs\"\n  }\n}\n","json",[508],{"type":59,"tag":68,"props":509,"children":510},{"__ignoreMap":411},[511,520,563,589,628,666,701,710],{"type":59,"tag":417,"props":512,"children":513},{"class":419,"line":420},[514],{"type":59,"tag":417,"props":515,"children":517},{"style":516},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[518],{"type":65,"value":519},"{\n",{"type":59,"tag":417,"props":521,"children":522},{"class":419,"line":456},[523,528,534,539,544,549,554,558],{"type":59,"tag":417,"props":524,"children":525},{"style":516},[526],{"type":65,"value":527},"  \"",{"type":59,"tag":417,"props":529,"children":531},{"style":530},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[532],{"type":65,"value":533},"type",{"type":59,"tag":417,"props":535,"children":536},{"style":516},[537],{"type":65,"value":538},"\"",{"type":59,"tag":417,"props":540,"children":541},{"style":516},[542],{"type":65,"value":543},":",{"type":59,"tag":417,"props":545,"children":546},{"style":516},[547],{"type":65,"value":548}," \"",{"type":59,"tag":417,"props":550,"children":551},{"style":430},[552],{"type":65,"value":553},"module",{"type":59,"tag":417,"props":555,"children":556},{"style":516},[557],{"type":65,"value":538},{"type":59,"tag":417,"props":559,"children":560},{"style":516},[561],{"type":65,"value":562},",\n",{"type":59,"tag":417,"props":564,"children":566},{"class":419,"line":565},3,[567,571,576,580,584],{"type":59,"tag":417,"props":568,"children":569},{"style":516},[570],{"type":65,"value":527},{"type":59,"tag":417,"props":572,"children":573},{"style":530},[574],{"type":65,"value":575},"scripts",{"type":59,"tag":417,"props":577,"children":578},{"style":516},[579],{"type":65,"value":538},{"type":59,"tag":417,"props":581,"children":582},{"style":516},[583],{"type":65,"value":543},{"type":59,"tag":417,"props":585,"children":586},{"style":516},[587],{"type":65,"value":588}," {\n",{"type":59,"tag":417,"props":590,"children":592},{"class":419,"line":591},4,[593,598,603,607,611,615,620,624],{"type":59,"tag":417,"props":594,"children":595},{"style":516},[596],{"type":65,"value":597},"    \"",{"type":59,"tag":417,"props":599,"children":600},{"style":424},[601],{"type":65,"value":602},"dev",{"type":59,"tag":417,"props":604,"children":605},{"style":516},[606],{"type":65,"value":538},{"type":59,"tag":417,"props":608,"children":609},{"style":516},[610],{"type":65,"value":543},{"type":59,"tag":417,"props":612,"children":613},{"style":516},[614],{"type":65,"value":548},{"type":59,"tag":417,"props":616,"children":617},{"style":430},[618],{"type":65,"value":619},"vite dev",{"type":59,"tag":417,"props":621,"children":622},{"style":516},[623],{"type":65,"value":538},{"type":59,"tag":417,"props":625,"children":626},{"style":516},[627],{"type":65,"value":562},{"type":59,"tag":417,"props":629,"children":631},{"class":419,"line":630},5,[632,636,641,645,649,653,658,662],{"type":59,"tag":417,"props":633,"children":634},{"style":516},[635],{"type":65,"value":597},{"type":59,"tag":417,"props":637,"children":638},{"style":424},[639],{"type":65,"value":640},"build",{"type":59,"tag":417,"props":642,"children":643},{"style":516},[644],{"type":65,"value":538},{"type":59,"tag":417,"props":646,"children":647},{"style":516},[648],{"type":65,"value":543},{"type":59,"tag":417,"props":650,"children":651},{"style":516},[652],{"type":65,"value":548},{"type":59,"tag":417,"props":654,"children":655},{"style":430},[656],{"type":65,"value":657},"vite build",{"type":59,"tag":417,"props":659,"children":660},{"style":516},[661],{"type":65,"value":538},{"type":59,"tag":417,"props":663,"children":664},{"style":516},[665],{"type":65,"value":562},{"type":59,"tag":417,"props":667,"children":669},{"class":419,"line":668},6,[670,674,679,683,687,691,696],{"type":59,"tag":417,"props":671,"children":672},{"style":516},[673],{"type":65,"value":597},{"type":59,"tag":417,"props":675,"children":676},{"style":424},[677],{"type":65,"value":678},"start",{"type":59,"tag":417,"props":680,"children":681},{"style":516},[682],{"type":65,"value":538},{"type":59,"tag":417,"props":684,"children":685},{"style":516},[686],{"type":65,"value":543},{"type":59,"tag":417,"props":688,"children":689},{"style":516},[690],{"type":65,"value":548},{"type":59,"tag":417,"props":692,"children":693},{"style":430},[694],{"type":65,"value":695},"node .output\u002Fserver\u002Findex.mjs",{"type":59,"tag":417,"props":697,"children":698},{"style":516},[699],{"type":65,"value":700},"\"\n",{"type":59,"tag":417,"props":702,"children":704},{"class":419,"line":703},7,[705],{"type":59,"tag":417,"props":706,"children":707},{"style":516},[708],{"type":65,"value":709},"  }\n",{"type":59,"tag":417,"props":711,"children":713},{"class":419,"line":712},8,[714],{"type":59,"tag":417,"props":715,"children":716},{"style":516},[717],{"type":65,"value":718},"}\n",{"type":59,"tag":399,"props":720,"children":722},{"id":721},"_3-tsconfigjson",[723],{"type":65,"value":724},"3. tsconfig.json",{"type":59,"tag":406,"props":726,"children":728},{"className":504,"code":727,"language":506,"meta":411,"style":411},"{\n  \"compilerOptions\": {\n    \"jsx\": \"react-jsx\",\n    \"moduleResolution\": \"Bundler\",\n    \"module\": \"ESNext\",\n    \"target\": \"ES2022\",\n    \"skipLibCheck\": true,\n    \"strictNullChecks\": true\n  }\n}\n",[729],{"type":59,"tag":68,"props":730,"children":731},{"__ignoreMap":411},[732,739,763,800,837,873,910,935,960,968],{"type":59,"tag":417,"props":733,"children":734},{"class":419,"line":420},[735],{"type":59,"tag":417,"props":736,"children":737},{"style":516},[738],{"type":65,"value":519},{"type":59,"tag":417,"props":740,"children":741},{"class":419,"line":456},[742,746,751,755,759],{"type":59,"tag":417,"props":743,"children":744},{"style":516},[745],{"type":65,"value":527},{"type":59,"tag":417,"props":747,"children":748},{"style":530},[749],{"type":65,"value":750},"compilerOptions",{"type":59,"tag":417,"props":752,"children":753},{"style":516},[754],{"type":65,"value":538},{"type":59,"tag":417,"props":756,"children":757},{"style":516},[758],{"type":65,"value":543},{"type":59,"tag":417,"props":760,"children":761},{"style":516},[762],{"type":65,"value":588},{"type":59,"tag":417,"props":764,"children":765},{"class":419,"line":565},[766,770,775,779,783,787,792,796],{"type":59,"tag":417,"props":767,"children":768},{"style":516},[769],{"type":65,"value":597},{"type":59,"tag":417,"props":771,"children":772},{"style":424},[773],{"type":65,"value":774},"jsx",{"type":59,"tag":417,"props":776,"children":777},{"style":516},[778],{"type":65,"value":538},{"type":59,"tag":417,"props":780,"children":781},{"style":516},[782],{"type":65,"value":543},{"type":59,"tag":417,"props":784,"children":785},{"style":516},[786],{"type":65,"value":548},{"type":59,"tag":417,"props":788,"children":789},{"style":430},[790],{"type":65,"value":791},"react-jsx",{"type":59,"tag":417,"props":793,"children":794},{"style":516},[795],{"type":65,"value":538},{"type":59,"tag":417,"props":797,"children":798},{"style":516},[799],{"type":65,"value":562},{"type":59,"tag":417,"props":801,"children":802},{"class":419,"line":591},[803,807,812,816,820,824,829,833],{"type":59,"tag":417,"props":804,"children":805},{"style":516},[806],{"type":65,"value":597},{"type":59,"tag":417,"props":808,"children":809},{"style":424},[810],{"type":65,"value":811},"moduleResolution",{"type":59,"tag":417,"props":813,"children":814},{"style":516},[815],{"type":65,"value":538},{"type":59,"tag":417,"props":817,"children":818},{"style":516},[819],{"type":65,"value":543},{"type":59,"tag":417,"props":821,"children":822},{"style":516},[823],{"type":65,"value":548},{"type":59,"tag":417,"props":825,"children":826},{"style":430},[827],{"type":65,"value":828},"Bundler",{"type":59,"tag":417,"props":830,"children":831},{"style":516},[832],{"type":65,"value":538},{"type":59,"tag":417,"props":834,"children":835},{"style":516},[836],{"type":65,"value":562},{"type":59,"tag":417,"props":838,"children":839},{"class":419,"line":630},[840,844,848,852,856,860,865,869],{"type":59,"tag":417,"props":841,"children":842},{"style":516},[843],{"type":65,"value":597},{"type":59,"tag":417,"props":845,"children":846},{"style":424},[847],{"type":65,"value":553},{"type":59,"tag":417,"props":849,"children":850},{"style":516},[851],{"type":65,"value":538},{"type":59,"tag":417,"props":853,"children":854},{"style":516},[855],{"type":65,"value":543},{"type":59,"tag":417,"props":857,"children":858},{"style":516},[859],{"type":65,"value":548},{"type":59,"tag":417,"props":861,"children":862},{"style":430},[863],{"type":65,"value":864},"ESNext",{"type":59,"tag":417,"props":866,"children":867},{"style":516},[868],{"type":65,"value":538},{"type":59,"tag":417,"props":870,"children":871},{"style":516},[872],{"type":65,"value":562},{"type":59,"tag":417,"props":874,"children":875},{"class":419,"line":668},[876,880,885,889,893,897,902,906],{"type":59,"tag":417,"props":877,"children":878},{"style":516},[879],{"type":65,"value":597},{"type":59,"tag":417,"props":881,"children":882},{"style":424},[883],{"type":65,"value":884},"target",{"type":59,"tag":417,"props":886,"children":887},{"style":516},[888],{"type":65,"value":538},{"type":59,"tag":417,"props":890,"children":891},{"style":516},[892],{"type":65,"value":543},{"type":59,"tag":417,"props":894,"children":895},{"style":516},[896],{"type":65,"value":548},{"type":59,"tag":417,"props":898,"children":899},{"style":430},[900],{"type":65,"value":901},"ES2022",{"type":59,"tag":417,"props":903,"children":904},{"style":516},[905],{"type":65,"value":538},{"type":59,"tag":417,"props":907,"children":908},{"style":516},[909],{"type":65,"value":562},{"type":59,"tag":417,"props":911,"children":912},{"class":419,"line":703},[913,917,922,926,930],{"type":59,"tag":417,"props":914,"children":915},{"style":516},[916],{"type":65,"value":597},{"type":59,"tag":417,"props":918,"children":919},{"style":424},[920],{"type":65,"value":921},"skipLibCheck",{"type":59,"tag":417,"props":923,"children":924},{"style":516},[925],{"type":65,"value":538},{"type":59,"tag":417,"props":927,"children":928},{"style":516},[929],{"type":65,"value":543},{"type":59,"tag":417,"props":931,"children":932},{"style":516},[933],{"type":65,"value":934}," true,\n",{"type":59,"tag":417,"props":936,"children":937},{"class":419,"line":712},[938,942,947,951,955],{"type":59,"tag":417,"props":939,"children":940},{"style":516},[941],{"type":65,"value":597},{"type":59,"tag":417,"props":943,"children":944},{"style":424},[945],{"type":65,"value":946},"strictNullChecks",{"type":59,"tag":417,"props":948,"children":949},{"style":516},[950],{"type":65,"value":538},{"type":59,"tag":417,"props":952,"children":953},{"style":516},[954],{"type":65,"value":543},{"type":59,"tag":417,"props":956,"children":957},{"style":516},[958],{"type":65,"value":959}," true\n",{"type":59,"tag":417,"props":961,"children":963},{"class":419,"line":962},9,[964],{"type":59,"tag":417,"props":965,"children":966},{"style":516},[967],{"type":65,"value":709},{"type":59,"tag":417,"props":969,"children":971},{"class":419,"line":970},10,[972],{"type":59,"tag":417,"props":973,"children":974},{"style":516},[975],{"type":65,"value":718},{"type":59,"tag":399,"props":977,"children":979},{"id":978},"_4-viteconfigts",[980],{"type":65,"value":981},"4. vite.config.ts",{"type":59,"tag":406,"props":983,"children":987},{"className":984,"code":985,"language":986,"meta":411,"style":411},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { defineConfig } from 'vite'\nimport { tanstackStart } from '@tanstack\u002Freact-start\u002Fplugin\u002Fvite'\nimport viteReact from '@vitejs\u002Fplugin-react'\n\nexport default defineConfig({\n  plugins: [\n    tanstackStart(), \u002F\u002F MUST come before react()\n    viteReact(),\n  ],\n})\n","ts",[988],{"type":59,"tag":68,"props":989,"children":990},{"__ignoreMap":411},[991,1036,1073,1103,1112,1139,1157,1181,1197,1209],{"type":59,"tag":417,"props":992,"children":993},{"class":419,"line":420},[994,1000,1005,1011,1016,1021,1026,1031],{"type":59,"tag":417,"props":995,"children":997},{"style":996},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[998],{"type":65,"value":999},"import",{"type":59,"tag":417,"props":1001,"children":1002},{"style":516},[1003],{"type":65,"value":1004}," {",{"type":59,"tag":417,"props":1006,"children":1008},{"style":1007},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[1009],{"type":65,"value":1010}," defineConfig",{"type":59,"tag":417,"props":1012,"children":1013},{"style":516},[1014],{"type":65,"value":1015}," }",{"type":59,"tag":417,"props":1017,"children":1018},{"style":996},[1019],{"type":65,"value":1020}," from",{"type":59,"tag":417,"props":1022,"children":1023},{"style":516},[1024],{"type":65,"value":1025}," '",{"type":59,"tag":417,"props":1027,"children":1028},{"style":430},[1029],{"type":65,"value":1030},"vite",{"type":59,"tag":417,"props":1032,"children":1033},{"style":516},[1034],{"type":65,"value":1035},"'\n",{"type":59,"tag":417,"props":1037,"children":1038},{"class":419,"line":456},[1039,1043,1047,1052,1056,1060,1064,1069],{"type":59,"tag":417,"props":1040,"children":1041},{"style":996},[1042],{"type":65,"value":999},{"type":59,"tag":417,"props":1044,"children":1045},{"style":516},[1046],{"type":65,"value":1004},{"type":59,"tag":417,"props":1048,"children":1049},{"style":1007},[1050],{"type":65,"value":1051}," tanstackStart",{"type":59,"tag":417,"props":1053,"children":1054},{"style":516},[1055],{"type":65,"value":1015},{"type":59,"tag":417,"props":1057,"children":1058},{"style":996},[1059],{"type":65,"value":1020},{"type":59,"tag":417,"props":1061,"children":1062},{"style":516},[1063],{"type":65,"value":1025},{"type":59,"tag":417,"props":1065,"children":1066},{"style":430},[1067],{"type":65,"value":1068},"@tanstack\u002Freact-start\u002Fplugin\u002Fvite",{"type":59,"tag":417,"props":1070,"children":1071},{"style":516},[1072],{"type":65,"value":1035},{"type":59,"tag":417,"props":1074,"children":1075},{"class":419,"line":565},[1076,1080,1085,1090,1094,1099],{"type":59,"tag":417,"props":1077,"children":1078},{"style":996},[1079],{"type":65,"value":999},{"type":59,"tag":417,"props":1081,"children":1082},{"style":1007},[1083],{"type":65,"value":1084}," viteReact ",{"type":59,"tag":417,"props":1086,"children":1087},{"style":996},[1088],{"type":65,"value":1089},"from",{"type":59,"tag":417,"props":1091,"children":1092},{"style":516},[1093],{"type":65,"value":1025},{"type":59,"tag":417,"props":1095,"children":1096},{"style":430},[1097],{"type":65,"value":1098},"@vitejs\u002Fplugin-react",{"type":59,"tag":417,"props":1100,"children":1101},{"style":516},[1102],{"type":65,"value":1035},{"type":59,"tag":417,"props":1104,"children":1105},{"class":419,"line":591},[1106],{"type":59,"tag":417,"props":1107,"children":1109},{"emptyLinePlaceholder":1108},true,[1110],{"type":65,"value":1111},"\n",{"type":59,"tag":417,"props":1113,"children":1114},{"class":419,"line":630},[1115,1120,1125,1130,1135],{"type":59,"tag":417,"props":1116,"children":1117},{"style":996},[1118],{"type":65,"value":1119},"export",{"type":59,"tag":417,"props":1121,"children":1122},{"style":996},[1123],{"type":65,"value":1124}," default",{"type":59,"tag":417,"props":1126,"children":1128},{"style":1127},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[1129],{"type":65,"value":1010},{"type":59,"tag":417,"props":1131,"children":1132},{"style":1007},[1133],{"type":65,"value":1134},"(",{"type":59,"tag":417,"props":1136,"children":1137},{"style":516},[1138],{"type":65,"value":519},{"type":59,"tag":417,"props":1140,"children":1141},{"class":419,"line":668},[1142,1148,1152],{"type":59,"tag":417,"props":1143,"children":1145},{"style":1144},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[1146],{"type":65,"value":1147},"  plugins",{"type":59,"tag":417,"props":1149,"children":1150},{"style":516},[1151],{"type":65,"value":543},{"type":59,"tag":417,"props":1153,"children":1154},{"style":1007},[1155],{"type":65,"value":1156}," [\n",{"type":59,"tag":417,"props":1158,"children":1159},{"class":419,"line":703},[1160,1165,1170,1175],{"type":59,"tag":417,"props":1161,"children":1162},{"style":1127},[1163],{"type":65,"value":1164},"    tanstackStart",{"type":59,"tag":417,"props":1166,"children":1167},{"style":1007},[1168],{"type":65,"value":1169},"()",{"type":59,"tag":417,"props":1171,"children":1172},{"style":516},[1173],{"type":65,"value":1174},",",{"type":59,"tag":417,"props":1176,"children":1178},{"style":1177},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1179],{"type":65,"value":1180}," \u002F\u002F MUST come before react()\n",{"type":59,"tag":417,"props":1182,"children":1183},{"class":419,"line":712},[1184,1189,1193],{"type":59,"tag":417,"props":1185,"children":1186},{"style":1127},[1187],{"type":65,"value":1188},"    viteReact",{"type":59,"tag":417,"props":1190,"children":1191},{"style":1007},[1192],{"type":65,"value":1169},{"type":59,"tag":417,"props":1194,"children":1195},{"style":516},[1196],{"type":65,"value":562},{"type":59,"tag":417,"props":1198,"children":1199},{"class":419,"line":962},[1200,1205],{"type":59,"tag":417,"props":1201,"children":1202},{"style":1007},[1203],{"type":65,"value":1204},"  ]",{"type":59,"tag":417,"props":1206,"children":1207},{"style":516},[1208],{"type":65,"value":562},{"type":59,"tag":417,"props":1210,"children":1211},{"class":419,"line":970},[1212,1217],{"type":59,"tag":417,"props":1213,"children":1214},{"style":516},[1215],{"type":65,"value":1216},"}",{"type":59,"tag":417,"props":1218,"children":1219},{"style":1007},[1220],{"type":65,"value":1221},")\n",{"type":59,"tag":399,"props":1223,"children":1225},{"id":1224},"_5-router-factory-srcroutertsx",[1226],{"type":65,"value":1227},"5. Router Factory (src\u002Frouter.tsx)",{"type":59,"tag":406,"props":1229,"children":1233},{"className":1230,"code":1231,"language":1232,"meta":411,"style":411},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { createRouter } from '@tanstack\u002Freact-router'\nimport { routeTree } from '.\u002FrouteTree.gen'\n\nexport function getRouter() {\n  const router = createRouter({\n    routeTree,\n    scrollRestoration: true,\n  })\n  return router\n}\n","tsx",[1234],{"type":59,"tag":68,"props":1235,"children":1236},{"__ignoreMap":411},[1237,1274,1311,1318,1343,1373,1385,1407,1419,1432],{"type":59,"tag":417,"props":1238,"children":1239},{"class":419,"line":420},[1240,1244,1248,1253,1257,1261,1265,1270],{"type":59,"tag":417,"props":1241,"children":1242},{"style":996},[1243],{"type":65,"value":999},{"type":59,"tag":417,"props":1245,"children":1246},{"style":516},[1247],{"type":65,"value":1004},{"type":59,"tag":417,"props":1249,"children":1250},{"style":1007},[1251],{"type":65,"value":1252}," createRouter",{"type":59,"tag":417,"props":1254,"children":1255},{"style":516},[1256],{"type":65,"value":1015},{"type":59,"tag":417,"props":1258,"children":1259},{"style":996},[1260],{"type":65,"value":1020},{"type":59,"tag":417,"props":1262,"children":1263},{"style":516},[1264],{"type":65,"value":1025},{"type":59,"tag":417,"props":1266,"children":1267},{"style":430},[1268],{"type":65,"value":1269},"@tanstack\u002Freact-router",{"type":59,"tag":417,"props":1271,"children":1272},{"style":516},[1273],{"type":65,"value":1035},{"type":59,"tag":417,"props":1275,"children":1276},{"class":419,"line":456},[1277,1281,1285,1290,1294,1298,1302,1307],{"type":59,"tag":417,"props":1278,"children":1279},{"style":996},[1280],{"type":65,"value":999},{"type":59,"tag":417,"props":1282,"children":1283},{"style":516},[1284],{"type":65,"value":1004},{"type":59,"tag":417,"props":1286,"children":1287},{"style":1007},[1288],{"type":65,"value":1289}," routeTree",{"type":59,"tag":417,"props":1291,"children":1292},{"style":516},[1293],{"type":65,"value":1015},{"type":59,"tag":417,"props":1295,"children":1296},{"style":996},[1297],{"type":65,"value":1020},{"type":59,"tag":417,"props":1299,"children":1300},{"style":516},[1301],{"type":65,"value":1025},{"type":59,"tag":417,"props":1303,"children":1304},{"style":430},[1305],{"type":65,"value":1306},".\u002FrouteTree.gen",{"type":59,"tag":417,"props":1308,"children":1309},{"style":516},[1310],{"type":65,"value":1035},{"type":59,"tag":417,"props":1312,"children":1313},{"class":419,"line":565},[1314],{"type":59,"tag":417,"props":1315,"children":1316},{"emptyLinePlaceholder":1108},[1317],{"type":65,"value":1111},{"type":59,"tag":417,"props":1319,"children":1320},{"class":419,"line":591},[1321,1325,1330,1335,1339],{"type":59,"tag":417,"props":1322,"children":1323},{"style":996},[1324],{"type":65,"value":1119},{"type":59,"tag":417,"props":1326,"children":1327},{"style":530},[1328],{"type":65,"value":1329}," function",{"type":59,"tag":417,"props":1331,"children":1332},{"style":1127},[1333],{"type":65,"value":1334}," getRouter",{"type":59,"tag":417,"props":1336,"children":1337},{"style":516},[1338],{"type":65,"value":1169},{"type":59,"tag":417,"props":1340,"children":1341},{"style":516},[1342],{"type":65,"value":588},{"type":59,"tag":417,"props":1344,"children":1345},{"class":419,"line":630},[1346,1351,1356,1361,1365,1369],{"type":59,"tag":417,"props":1347,"children":1348},{"style":530},[1349],{"type":65,"value":1350},"  const",{"type":59,"tag":417,"props":1352,"children":1353},{"style":1007},[1354],{"type":65,"value":1355}," router",{"type":59,"tag":417,"props":1357,"children":1358},{"style":516},[1359],{"type":65,"value":1360}," =",{"type":59,"tag":417,"props":1362,"children":1363},{"style":1127},[1364],{"type":65,"value":1252},{"type":59,"tag":417,"props":1366,"children":1367},{"style":1144},[1368],{"type":65,"value":1134},{"type":59,"tag":417,"props":1370,"children":1371},{"style":516},[1372],{"type":65,"value":519},{"type":59,"tag":417,"props":1374,"children":1375},{"class":419,"line":668},[1376,1381],{"type":59,"tag":417,"props":1377,"children":1378},{"style":1007},[1379],{"type":65,"value":1380},"    routeTree",{"type":59,"tag":417,"props":1382,"children":1383},{"style":516},[1384],{"type":65,"value":562},{"type":59,"tag":417,"props":1386,"children":1387},{"class":419,"line":703},[1388,1393,1397,1403],{"type":59,"tag":417,"props":1389,"children":1390},{"style":1144},[1391],{"type":65,"value":1392},"    scrollRestoration",{"type":59,"tag":417,"props":1394,"children":1395},{"style":516},[1396],{"type":65,"value":543},{"type":59,"tag":417,"props":1398,"children":1400},{"style":1399},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[1401],{"type":65,"value":1402}," true",{"type":59,"tag":417,"props":1404,"children":1405},{"style":516},[1406],{"type":65,"value":562},{"type":59,"tag":417,"props":1408,"children":1409},{"class":419,"line":712},[1410,1415],{"type":59,"tag":417,"props":1411,"children":1412},{"style":516},[1413],{"type":65,"value":1414},"  }",{"type":59,"tag":417,"props":1416,"children":1417},{"style":1144},[1418],{"type":65,"value":1221},{"type":59,"tag":417,"props":1420,"children":1421},{"class":419,"line":962},[1422,1427],{"type":59,"tag":417,"props":1423,"children":1424},{"style":996},[1425],{"type":65,"value":1426},"  return",{"type":59,"tag":417,"props":1428,"children":1429},{"style":1007},[1430],{"type":65,"value":1431}," router\n",{"type":59,"tag":417,"props":1433,"children":1434},{"class":419,"line":970},[1435],{"type":59,"tag":417,"props":1436,"children":1437},{"style":516},[1438],{"type":65,"value":718},{"type":59,"tag":399,"props":1440,"children":1442},{"id":1441},"_6-root-route-srcroutes__roottsx",[1443],{"type":65,"value":1444},"6. Root Route (src\u002Froutes\u002F__root.tsx)",{"type":59,"tag":406,"props":1446,"children":1448},{"className":1230,"code":1447,"language":1232,"meta":411,"style":411},"import type { ReactNode } from 'react'\nimport {\n  Outlet,\n  createRootRoute,\n  HeadContent,\n  Scripts,\n} from '@tanstack\u002Freact-router'\n\nexport const Route = createRootRoute({\n  head: () => ({\n    meta: [\n      { charSet: 'utf-8' },\n      { name: 'viewport', content: 'width=device-width, initial-scale=1' },\n      { title: 'My TanStack Start App' },\n    ],\n  }),\n  component: RootComponent,\n})\n\nfunction RootComponent() {\n  return (\n    \u003CRootDocument>\n      \u003COutlet \u002F>\n    \u003C\u002FRootDocument>\n  )\n}\n\nfunction RootDocument({ children }: Readonly\u003C{ children: ReactNode }>) {\n  return (\n    \u003Chtml>\n      \u003Chead>\n        \u003CHeadContent \u002F>\n      \u003C\u002Fhead>\n      \u003Cbody>\n        {children}\n        \u003CScripts \u002F>\n      \u003C\u002Fbody>\n    \u003C\u002Fhtml>\n  )\n}\n",[1449],{"type":59,"tag":68,"props":1450,"children":1451},{"__ignoreMap":411},[1452,1493,1504,1516,1528,1540,1552,1575,1582,1617,1648,1665,1702,1762,1796,1809,1825,1847,1859,1867,1888,1901,1920,1939,1956,1965,1973,1981,2041,2053,2070,2087,2105,2122,2139,2157,2174,2190,2206,2214],{"type":59,"tag":417,"props":1453,"children":1454},{"class":419,"line":420},[1455,1459,1464,1468,1473,1477,1481,1485,1489],{"type":59,"tag":417,"props":1456,"children":1457},{"style":996},[1458],{"type":65,"value":999},{"type":59,"tag":417,"props":1460,"children":1461},{"style":996},[1462],{"type":65,"value":1463}," type",{"type":59,"tag":417,"props":1465,"children":1466},{"style":516},[1467],{"type":65,"value":1004},{"type":59,"tag":417,"props":1469,"children":1470},{"style":1007},[1471],{"type":65,"value":1472}," ReactNode",{"type":59,"tag":417,"props":1474,"children":1475},{"style":516},[1476],{"type":65,"value":1015},{"type":59,"tag":417,"props":1478,"children":1479},{"style":996},[1480],{"type":65,"value":1020},{"type":59,"tag":417,"props":1482,"children":1483},{"style":516},[1484],{"type":65,"value":1025},{"type":59,"tag":417,"props":1486,"children":1487},{"style":430},[1488],{"type":65,"value":14},{"type":59,"tag":417,"props":1490,"children":1491},{"style":516},[1492],{"type":65,"value":1035},{"type":59,"tag":417,"props":1494,"children":1495},{"class":419,"line":456},[1496,1500],{"type":59,"tag":417,"props":1497,"children":1498},{"style":996},[1499],{"type":65,"value":999},{"type":59,"tag":417,"props":1501,"children":1502},{"style":516},[1503],{"type":65,"value":588},{"type":59,"tag":417,"props":1505,"children":1506},{"class":419,"line":565},[1507,1512],{"type":59,"tag":417,"props":1508,"children":1509},{"style":1007},[1510],{"type":65,"value":1511},"  Outlet",{"type":59,"tag":417,"props":1513,"children":1514},{"style":516},[1515],{"type":65,"value":562},{"type":59,"tag":417,"props":1517,"children":1518},{"class":419,"line":591},[1519,1524],{"type":59,"tag":417,"props":1520,"children":1521},{"style":1007},[1522],{"type":65,"value":1523},"  createRootRoute",{"type":59,"tag":417,"props":1525,"children":1526},{"style":516},[1527],{"type":65,"value":562},{"type":59,"tag":417,"props":1529,"children":1530},{"class":419,"line":630},[1531,1536],{"type":59,"tag":417,"props":1532,"children":1533},{"style":1007},[1534],{"type":65,"value":1535},"  HeadContent",{"type":59,"tag":417,"props":1537,"children":1538},{"style":516},[1539],{"type":65,"value":562},{"type":59,"tag":417,"props":1541,"children":1542},{"class":419,"line":668},[1543,1548],{"type":59,"tag":417,"props":1544,"children":1545},{"style":1007},[1546],{"type":65,"value":1547},"  Scripts",{"type":59,"tag":417,"props":1549,"children":1550},{"style":516},[1551],{"type":65,"value":562},{"type":59,"tag":417,"props":1553,"children":1554},{"class":419,"line":703},[1555,1559,1563,1567,1571],{"type":59,"tag":417,"props":1556,"children":1557},{"style":516},[1558],{"type":65,"value":1216},{"type":59,"tag":417,"props":1560,"children":1561},{"style":996},[1562],{"type":65,"value":1020},{"type":59,"tag":417,"props":1564,"children":1565},{"style":516},[1566],{"type":65,"value":1025},{"type":59,"tag":417,"props":1568,"children":1569},{"style":430},[1570],{"type":65,"value":1269},{"type":59,"tag":417,"props":1572,"children":1573},{"style":516},[1574],{"type":65,"value":1035},{"type":59,"tag":417,"props":1576,"children":1577},{"class":419,"line":712},[1578],{"type":59,"tag":417,"props":1579,"children":1580},{"emptyLinePlaceholder":1108},[1581],{"type":65,"value":1111},{"type":59,"tag":417,"props":1583,"children":1584},{"class":419,"line":962},[1585,1589,1594,1599,1604,1609,1613],{"type":59,"tag":417,"props":1586,"children":1587},{"style":996},[1588],{"type":65,"value":1119},{"type":59,"tag":417,"props":1590,"children":1591},{"style":530},[1592],{"type":65,"value":1593}," const",{"type":59,"tag":417,"props":1595,"children":1596},{"style":1007},[1597],{"type":65,"value":1598}," Route ",{"type":59,"tag":417,"props":1600,"children":1601},{"style":516},[1602],{"type":65,"value":1603},"=",{"type":59,"tag":417,"props":1605,"children":1606},{"style":1127},[1607],{"type":65,"value":1608}," createRootRoute",{"type":59,"tag":417,"props":1610,"children":1611},{"style":1007},[1612],{"type":65,"value":1134},{"type":59,"tag":417,"props":1614,"children":1615},{"style":516},[1616],{"type":65,"value":519},{"type":59,"tag":417,"props":1618,"children":1619},{"class":419,"line":970},[1620,1625,1629,1634,1639,1644],{"type":59,"tag":417,"props":1621,"children":1622},{"style":1127},[1623],{"type":65,"value":1624},"  head",{"type":59,"tag":417,"props":1626,"children":1627},{"style":516},[1628],{"type":65,"value":543},{"type":59,"tag":417,"props":1630,"children":1631},{"style":516},[1632],{"type":65,"value":1633}," ()",{"type":59,"tag":417,"props":1635,"children":1636},{"style":530},[1637],{"type":65,"value":1638}," =>",{"type":59,"tag":417,"props":1640,"children":1641},{"style":1007},[1642],{"type":65,"value":1643}," (",{"type":59,"tag":417,"props":1645,"children":1646},{"style":516},[1647],{"type":65,"value":519},{"type":59,"tag":417,"props":1649,"children":1651},{"class":419,"line":1650},11,[1652,1657,1661],{"type":59,"tag":417,"props":1653,"children":1654},{"style":1144},[1655],{"type":65,"value":1656},"    meta",{"type":59,"tag":417,"props":1658,"children":1659},{"style":516},[1660],{"type":65,"value":543},{"type":59,"tag":417,"props":1662,"children":1663},{"style":1007},[1664],{"type":65,"value":1156},{"type":59,"tag":417,"props":1666,"children":1668},{"class":419,"line":1667},12,[1669,1674,1679,1683,1687,1692,1697],{"type":59,"tag":417,"props":1670,"children":1671},{"style":516},[1672],{"type":65,"value":1673},"      {",{"type":59,"tag":417,"props":1675,"children":1676},{"style":1144},[1677],{"type":65,"value":1678}," charSet",{"type":59,"tag":417,"props":1680,"children":1681},{"style":516},[1682],{"type":65,"value":543},{"type":59,"tag":417,"props":1684,"children":1685},{"style":516},[1686],{"type":65,"value":1025},{"type":59,"tag":417,"props":1688,"children":1689},{"style":430},[1690],{"type":65,"value":1691},"utf-8",{"type":59,"tag":417,"props":1693,"children":1694},{"style":516},[1695],{"type":65,"value":1696},"'",{"type":59,"tag":417,"props":1698,"children":1699},{"style":516},[1700],{"type":65,"value":1701}," },\n",{"type":59,"tag":417,"props":1703,"children":1705},{"class":419,"line":1704},13,[1706,1710,1715,1719,1723,1728,1732,1736,1741,1745,1749,1754,1758],{"type":59,"tag":417,"props":1707,"children":1708},{"style":516},[1709],{"type":65,"value":1673},{"type":59,"tag":417,"props":1711,"children":1712},{"style":1144},[1713],{"type":65,"value":1714}," name",{"type":59,"tag":417,"props":1716,"children":1717},{"style":516},[1718],{"type":65,"value":543},{"type":59,"tag":417,"props":1720,"children":1721},{"style":516},[1722],{"type":65,"value":1025},{"type":59,"tag":417,"props":1724,"children":1725},{"style":430},[1726],{"type":65,"value":1727},"viewport",{"type":59,"tag":417,"props":1729,"children":1730},{"style":516},[1731],{"type":65,"value":1696},{"type":59,"tag":417,"props":1733,"children":1734},{"style":516},[1735],{"type":65,"value":1174},{"type":59,"tag":417,"props":1737,"children":1738},{"style":1144},[1739],{"type":65,"value":1740}," content",{"type":59,"tag":417,"props":1742,"children":1743},{"style":516},[1744],{"type":65,"value":543},{"type":59,"tag":417,"props":1746,"children":1747},{"style":516},[1748],{"type":65,"value":1025},{"type":59,"tag":417,"props":1750,"children":1751},{"style":430},[1752],{"type":65,"value":1753},"width=device-width, initial-scale=1",{"type":59,"tag":417,"props":1755,"children":1756},{"style":516},[1757],{"type":65,"value":1696},{"type":59,"tag":417,"props":1759,"children":1760},{"style":516},[1761],{"type":65,"value":1701},{"type":59,"tag":417,"props":1763,"children":1765},{"class":419,"line":1764},14,[1766,1770,1775,1779,1783,1788,1792],{"type":59,"tag":417,"props":1767,"children":1768},{"style":516},[1769],{"type":65,"value":1673},{"type":59,"tag":417,"props":1771,"children":1772},{"style":1144},[1773],{"type":65,"value":1774}," title",{"type":59,"tag":417,"props":1776,"children":1777},{"style":516},[1778],{"type":65,"value":543},{"type":59,"tag":417,"props":1780,"children":1781},{"style":516},[1782],{"type":65,"value":1025},{"type":59,"tag":417,"props":1784,"children":1785},{"style":430},[1786],{"type":65,"value":1787},"My TanStack Start App",{"type":59,"tag":417,"props":1789,"children":1790},{"style":516},[1791],{"type":65,"value":1696},{"type":59,"tag":417,"props":1793,"children":1794},{"style":516},[1795],{"type":65,"value":1701},{"type":59,"tag":417,"props":1797,"children":1799},{"class":419,"line":1798},15,[1800,1805],{"type":59,"tag":417,"props":1801,"children":1802},{"style":1007},[1803],{"type":65,"value":1804},"    ]",{"type":59,"tag":417,"props":1806,"children":1807},{"style":516},[1808],{"type":65,"value":562},{"type":59,"tag":417,"props":1810,"children":1812},{"class":419,"line":1811},16,[1813,1817,1821],{"type":59,"tag":417,"props":1814,"children":1815},{"style":516},[1816],{"type":65,"value":1414},{"type":59,"tag":417,"props":1818,"children":1819},{"style":1007},[1820],{"type":65,"value":75},{"type":59,"tag":417,"props":1822,"children":1823},{"style":516},[1824],{"type":65,"value":562},{"type":59,"tag":417,"props":1826,"children":1828},{"class":419,"line":1827},17,[1829,1834,1838,1843],{"type":59,"tag":417,"props":1830,"children":1831},{"style":1144},[1832],{"type":65,"value":1833},"  component",{"type":59,"tag":417,"props":1835,"children":1836},{"style":516},[1837],{"type":65,"value":543},{"type":59,"tag":417,"props":1839,"children":1840},{"style":1007},[1841],{"type":65,"value":1842}," RootComponent",{"type":59,"tag":417,"props":1844,"children":1845},{"style":516},[1846],{"type":65,"value":562},{"type":59,"tag":417,"props":1848,"children":1850},{"class":419,"line":1849},18,[1851,1855],{"type":59,"tag":417,"props":1852,"children":1853},{"style":516},[1854],{"type":65,"value":1216},{"type":59,"tag":417,"props":1856,"children":1857},{"style":1007},[1858],{"type":65,"value":1221},{"type":59,"tag":417,"props":1860,"children":1862},{"class":419,"line":1861},19,[1863],{"type":59,"tag":417,"props":1864,"children":1865},{"emptyLinePlaceholder":1108},[1866],{"type":65,"value":1111},{"type":59,"tag":417,"props":1868,"children":1870},{"class":419,"line":1869},20,[1871,1876,1880,1884],{"type":59,"tag":417,"props":1872,"children":1873},{"style":530},[1874],{"type":65,"value":1875},"function",{"type":59,"tag":417,"props":1877,"children":1878},{"style":1127},[1879],{"type":65,"value":1842},{"type":59,"tag":417,"props":1881,"children":1882},{"style":516},[1883],{"type":65,"value":1169},{"type":59,"tag":417,"props":1885,"children":1886},{"style":516},[1887],{"type":65,"value":588},{"type":59,"tag":417,"props":1889,"children":1891},{"class":419,"line":1890},21,[1892,1896],{"type":59,"tag":417,"props":1893,"children":1894},{"style":996},[1895],{"type":65,"value":1426},{"type":59,"tag":417,"props":1897,"children":1898},{"style":1144},[1899],{"type":65,"value":1900}," (\n",{"type":59,"tag":417,"props":1902,"children":1904},{"class":419,"line":1903},22,[1905,1910,1915],{"type":59,"tag":417,"props":1906,"children":1907},{"style":516},[1908],{"type":65,"value":1909},"    \u003C",{"type":59,"tag":417,"props":1911,"children":1912},{"style":424},[1913],{"type":65,"value":1914},"RootDocument",{"type":59,"tag":417,"props":1916,"children":1917},{"style":516},[1918],{"type":65,"value":1919},">\n",{"type":59,"tag":417,"props":1921,"children":1923},{"class":419,"line":1922},23,[1924,1929,1934],{"type":59,"tag":417,"props":1925,"children":1926},{"style":516},[1927],{"type":65,"value":1928},"      \u003C",{"type":59,"tag":417,"props":1930,"children":1931},{"style":424},[1932],{"type":65,"value":1933},"Outlet",{"type":59,"tag":417,"props":1935,"children":1936},{"style":516},[1937],{"type":65,"value":1938}," \u002F>\n",{"type":59,"tag":417,"props":1940,"children":1942},{"class":419,"line":1941},24,[1943,1948,1952],{"type":59,"tag":417,"props":1944,"children":1945},{"style":516},[1946],{"type":65,"value":1947},"    \u003C\u002F",{"type":59,"tag":417,"props":1949,"children":1950},{"style":424},[1951],{"type":65,"value":1914},{"type":59,"tag":417,"props":1953,"children":1954},{"style":516},[1955],{"type":65,"value":1919},{"type":59,"tag":417,"props":1957,"children":1959},{"class":419,"line":1958},25,[1960],{"type":59,"tag":417,"props":1961,"children":1962},{"style":1144},[1963],{"type":65,"value":1964},"  )\n",{"type":59,"tag":417,"props":1966,"children":1968},{"class":419,"line":1967},26,[1969],{"type":59,"tag":417,"props":1970,"children":1971},{"style":516},[1972],{"type":65,"value":718},{"type":59,"tag":417,"props":1974,"children":1976},{"class":419,"line":1975},27,[1977],{"type":59,"tag":417,"props":1978,"children":1979},{"emptyLinePlaceholder":1108},[1980],{"type":65,"value":1111},{"type":59,"tag":417,"props":1982,"children":1984},{"class":419,"line":1983},28,[1985,1989,1994,1999,2005,2010,2015,2020,2024,2028,2032,2037],{"type":59,"tag":417,"props":1986,"children":1987},{"style":530},[1988],{"type":65,"value":1875},{"type":59,"tag":417,"props":1990,"children":1991},{"style":1127},[1992],{"type":65,"value":1993}," RootDocument",{"type":59,"tag":417,"props":1995,"children":1996},{"style":516},[1997],{"type":65,"value":1998},"({",{"type":59,"tag":417,"props":2000,"children":2002},{"style":2001},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[2003],{"type":65,"value":2004}," children",{"type":59,"tag":417,"props":2006,"children":2007},{"style":516},[2008],{"type":65,"value":2009}," }:",{"type":59,"tag":417,"props":2011,"children":2012},{"style":424},[2013],{"type":65,"value":2014}," Readonly",{"type":59,"tag":417,"props":2016,"children":2017},{"style":516},[2018],{"type":65,"value":2019},"\u003C{",{"type":59,"tag":417,"props":2021,"children":2022},{"style":1144},[2023],{"type":65,"value":2004},{"type":59,"tag":417,"props":2025,"children":2026},{"style":516},[2027],{"type":65,"value":543},{"type":59,"tag":417,"props":2029,"children":2030},{"style":424},[2031],{"type":65,"value":1472},{"type":59,"tag":417,"props":2033,"children":2034},{"style":516},[2035],{"type":65,"value":2036}," }>)",{"type":59,"tag":417,"props":2038,"children":2039},{"style":516},[2040],{"type":65,"value":588},{"type":59,"tag":417,"props":2042,"children":2044},{"class":419,"line":2043},29,[2045,2049],{"type":59,"tag":417,"props":2046,"children":2047},{"style":996},[2048],{"type":65,"value":1426},{"type":59,"tag":417,"props":2050,"children":2051},{"style":1144},[2052],{"type":65,"value":1900},{"type":59,"tag":417,"props":2054,"children":2056},{"class":419,"line":2055},30,[2057,2061,2066],{"type":59,"tag":417,"props":2058,"children":2059},{"style":516},[2060],{"type":65,"value":1909},{"type":59,"tag":417,"props":2062,"children":2063},{"style":1144},[2064],{"type":65,"value":2065},"html",{"type":59,"tag":417,"props":2067,"children":2068},{"style":516},[2069],{"type":65,"value":1919},{"type":59,"tag":417,"props":2071,"children":2073},{"class":419,"line":2072},31,[2074,2078,2083],{"type":59,"tag":417,"props":2075,"children":2076},{"style":516},[2077],{"type":65,"value":1928},{"type":59,"tag":417,"props":2079,"children":2080},{"style":1144},[2081],{"type":65,"value":2082},"head",{"type":59,"tag":417,"props":2084,"children":2085},{"style":516},[2086],{"type":65,"value":1919},{"type":59,"tag":417,"props":2088,"children":2090},{"class":419,"line":2089},32,[2091,2096,2101],{"type":59,"tag":417,"props":2092,"children":2093},{"style":516},[2094],{"type":65,"value":2095},"        \u003C",{"type":59,"tag":417,"props":2097,"children":2098},{"style":424},[2099],{"type":65,"value":2100},"HeadContent",{"type":59,"tag":417,"props":2102,"children":2103},{"style":516},[2104],{"type":65,"value":1938},{"type":59,"tag":417,"props":2106,"children":2108},{"class":419,"line":2107},33,[2109,2114,2118],{"type":59,"tag":417,"props":2110,"children":2111},{"style":516},[2112],{"type":65,"value":2113},"      \u003C\u002F",{"type":59,"tag":417,"props":2115,"children":2116},{"style":1144},[2117],{"type":65,"value":2082},{"type":59,"tag":417,"props":2119,"children":2120},{"style":516},[2121],{"type":65,"value":1919},{"type":59,"tag":417,"props":2123,"children":2125},{"class":419,"line":2124},34,[2126,2130,2135],{"type":59,"tag":417,"props":2127,"children":2128},{"style":516},[2129],{"type":65,"value":1928},{"type":59,"tag":417,"props":2131,"children":2132},{"style":1144},[2133],{"type":65,"value":2134},"body",{"type":59,"tag":417,"props":2136,"children":2137},{"style":516},[2138],{"type":65,"value":1919},{"type":59,"tag":417,"props":2140,"children":2142},{"class":419,"line":2141},35,[2143,2148,2153],{"type":59,"tag":417,"props":2144,"children":2145},{"style":516},[2146],{"type":65,"value":2147},"        {",{"type":59,"tag":417,"props":2149,"children":2150},{"style":1007},[2151],{"type":65,"value":2152},"children",{"type":59,"tag":417,"props":2154,"children":2155},{"style":516},[2156],{"type":65,"value":718},{"type":59,"tag":417,"props":2158,"children":2160},{"class":419,"line":2159},36,[2161,2165,2170],{"type":59,"tag":417,"props":2162,"children":2163},{"style":516},[2164],{"type":65,"value":2095},{"type":59,"tag":417,"props":2166,"children":2167},{"style":424},[2168],{"type":65,"value":2169},"Scripts",{"type":59,"tag":417,"props":2171,"children":2172},{"style":516},[2173],{"type":65,"value":1938},{"type":59,"tag":417,"props":2175,"children":2177},{"class":419,"line":2176},37,[2178,2182,2186],{"type":59,"tag":417,"props":2179,"children":2180},{"style":516},[2181],{"type":65,"value":2113},{"type":59,"tag":417,"props":2183,"children":2184},{"style":1144},[2185],{"type":65,"value":2134},{"type":59,"tag":417,"props":2187,"children":2188},{"style":516},[2189],{"type":65,"value":1919},{"type":59,"tag":417,"props":2191,"children":2193},{"class":419,"line":2192},38,[2194,2198,2202],{"type":59,"tag":417,"props":2195,"children":2196},{"style":516},[2197],{"type":65,"value":1947},{"type":59,"tag":417,"props":2199,"children":2200},{"style":1144},[2201],{"type":65,"value":2065},{"type":59,"tag":417,"props":2203,"children":2204},{"style":516},[2205],{"type":65,"value":1919},{"type":59,"tag":417,"props":2207,"children":2209},{"class":419,"line":2208},39,[2210],{"type":59,"tag":417,"props":2211,"children":2212},{"style":1144},[2213],{"type":65,"value":1964},{"type":59,"tag":417,"props":2215,"children":2217},{"class":419,"line":2216},40,[2218],{"type":59,"tag":417,"props":2219,"children":2220},{"style":516},[2221],{"type":65,"value":718},{"type":59,"tag":399,"props":2223,"children":2225},{"id":2224},"_7-index-route-srcroutesindextsx",[2226],{"type":65,"value":2227},"7. Index Route (src\u002Froutes\u002Findex.tsx)",{"type":59,"tag":406,"props":2229,"children":2231},{"className":1230,"code":2230,"language":1232,"meta":411,"style":411},"import { createFileRoute } from '@tanstack\u002Freact-router'\nimport { createServerFn } from '@tanstack\u002Freact-start'\n\nconst getGreeting = createServerFn({ method: 'GET' }).handler(async () => {\n  return 'Hello from TanStack Start!'\n})\n\nexport const Route = createFileRoute('\u002F')({\n  loader: () => getGreeting(),\n  component: HomePage,\n})\n\nfunction HomePage() {\n  const greeting = Route.useLoaderData()\n  return \u003Ch1>{greeting}\u003C\u002Fh1>\n}\n",[2232],{"type":59,"tag":68,"props":2233,"children":2234},{"__ignoreMap":411},[2235,2271,2307,2314,2404,2424,2435,2442,2491,2524,2544,2555,2562,2581,2616,2655],{"type":59,"tag":417,"props":2236,"children":2237},{"class":419,"line":420},[2238,2242,2246,2251,2255,2259,2263,2267],{"type":59,"tag":417,"props":2239,"children":2240},{"style":996},[2241],{"type":65,"value":999},{"type":59,"tag":417,"props":2243,"children":2244},{"style":516},[2245],{"type":65,"value":1004},{"type":59,"tag":417,"props":2247,"children":2248},{"style":1007},[2249],{"type":65,"value":2250}," createFileRoute",{"type":59,"tag":417,"props":2252,"children":2253},{"style":516},[2254],{"type":65,"value":1015},{"type":59,"tag":417,"props":2256,"children":2257},{"style":996},[2258],{"type":65,"value":1020},{"type":59,"tag":417,"props":2260,"children":2261},{"style":516},[2262],{"type":65,"value":1025},{"type":59,"tag":417,"props":2264,"children":2265},{"style":430},[2266],{"type":65,"value":1269},{"type":59,"tag":417,"props":2268,"children":2269},{"style":516},[2270],{"type":65,"value":1035},{"type":59,"tag":417,"props":2272,"children":2273},{"class":419,"line":456},[2274,2278,2282,2287,2291,2295,2299,2303],{"type":59,"tag":417,"props":2275,"children":2276},{"style":996},[2277],{"type":65,"value":999},{"type":59,"tag":417,"props":2279,"children":2280},{"style":516},[2281],{"type":65,"value":1004},{"type":59,"tag":417,"props":2283,"children":2284},{"style":1007},[2285],{"type":65,"value":2286}," createServerFn",{"type":59,"tag":417,"props":2288,"children":2289},{"style":516},[2290],{"type":65,"value":1015},{"type":59,"tag":417,"props":2292,"children":2293},{"style":996},[2294],{"type":65,"value":1020},{"type":59,"tag":417,"props":2296,"children":2297},{"style":516},[2298],{"type":65,"value":1025},{"type":59,"tag":417,"props":2300,"children":2301},{"style":430},[2302],{"type":65,"value":73},{"type":59,"tag":417,"props":2304,"children":2305},{"style":516},[2306],{"type":65,"value":1035},{"type":59,"tag":417,"props":2308,"children":2309},{"class":419,"line":565},[2310],{"type":59,"tag":417,"props":2311,"children":2312},{"emptyLinePlaceholder":1108},[2313],{"type":65,"value":1111},{"type":59,"tag":417,"props":2315,"children":2316},{"class":419,"line":591},[2317,2322,2327,2331,2335,2339,2344,2349,2353,2357,2362,2366,2370,2374,2378,2383,2387,2392,2396,2400],{"type":59,"tag":417,"props":2318,"children":2319},{"style":530},[2320],{"type":65,"value":2321},"const",{"type":59,"tag":417,"props":2323,"children":2324},{"style":1007},[2325],{"type":65,"value":2326}," getGreeting ",{"type":59,"tag":417,"props":2328,"children":2329},{"style":516},[2330],{"type":65,"value":1603},{"type":59,"tag":417,"props":2332,"children":2333},{"style":1127},[2334],{"type":65,"value":2286},{"type":59,"tag":417,"props":2336,"children":2337},{"style":1007},[2338],{"type":65,"value":1134},{"type":59,"tag":417,"props":2340,"children":2341},{"style":516},[2342],{"type":65,"value":2343},"{",{"type":59,"tag":417,"props":2345,"children":2346},{"style":1144},[2347],{"type":65,"value":2348}," method",{"type":59,"tag":417,"props":2350,"children":2351},{"style":516},[2352],{"type":65,"value":543},{"type":59,"tag":417,"props":2354,"children":2355},{"style":516},[2356],{"type":65,"value":1025},{"type":59,"tag":417,"props":2358,"children":2359},{"style":430},[2360],{"type":65,"value":2361},"GET",{"type":59,"tag":417,"props":2363,"children":2364},{"style":516},[2365],{"type":65,"value":1696},{"type":59,"tag":417,"props":2367,"children":2368},{"style":516},[2369],{"type":65,"value":1015},{"type":59,"tag":417,"props":2371,"children":2372},{"style":1007},[2373],{"type":65,"value":75},{"type":59,"tag":417,"props":2375,"children":2376},{"style":516},[2377],{"type":65,"value":102},{"type":59,"tag":417,"props":2379,"children":2380},{"style":1127},[2381],{"type":65,"value":2382},"handler",{"type":59,"tag":417,"props":2384,"children":2385},{"style":1007},[2386],{"type":65,"value":1134},{"type":59,"tag":417,"props":2388,"children":2389},{"style":530},[2390],{"type":65,"value":2391},"async",{"type":59,"tag":417,"props":2393,"children":2394},{"style":516},[2395],{"type":65,"value":1633},{"type":59,"tag":417,"props":2397,"children":2398},{"style":530},[2399],{"type":65,"value":1638},{"type":59,"tag":417,"props":2401,"children":2402},{"style":516},[2403],{"type":65,"value":588},{"type":59,"tag":417,"props":2405,"children":2406},{"class":419,"line":630},[2407,2411,2415,2420],{"type":59,"tag":417,"props":2408,"children":2409},{"style":996},[2410],{"type":65,"value":1426},{"type":59,"tag":417,"props":2412,"children":2413},{"style":516},[2414],{"type":65,"value":1025},{"type":59,"tag":417,"props":2416,"children":2417},{"style":430},[2418],{"type":65,"value":2419},"Hello from TanStack Start!",{"type":59,"tag":417,"props":2421,"children":2422},{"style":516},[2423],{"type":65,"value":1035},{"type":59,"tag":417,"props":2425,"children":2426},{"class":419,"line":668},[2427,2431],{"type":59,"tag":417,"props":2428,"children":2429},{"style":516},[2430],{"type":65,"value":1216},{"type":59,"tag":417,"props":2432,"children":2433},{"style":1007},[2434],{"type":65,"value":1221},{"type":59,"tag":417,"props":2436,"children":2437},{"class":419,"line":703},[2438],{"type":59,"tag":417,"props":2439,"children":2440},{"emptyLinePlaceholder":1108},[2441],{"type":65,"value":1111},{"type":59,"tag":417,"props":2443,"children":2444},{"class":419,"line":712},[2445,2449,2453,2457,2461,2465,2469,2473,2478,2482,2487],{"type":59,"tag":417,"props":2446,"children":2447},{"style":996},[2448],{"type":65,"value":1119},{"type":59,"tag":417,"props":2450,"children":2451},{"style":530},[2452],{"type":65,"value":1593},{"type":59,"tag":417,"props":2454,"children":2455},{"style":1007},[2456],{"type":65,"value":1598},{"type":59,"tag":417,"props":2458,"children":2459},{"style":516},[2460],{"type":65,"value":1603},{"type":59,"tag":417,"props":2462,"children":2463},{"style":1127},[2464],{"type":65,"value":2250},{"type":59,"tag":417,"props":2466,"children":2467},{"style":1007},[2468],{"type":65,"value":1134},{"type":59,"tag":417,"props":2470,"children":2471},{"style":516},[2472],{"type":65,"value":1696},{"type":59,"tag":417,"props":2474,"children":2475},{"style":430},[2476],{"type":65,"value":2477},"\u002F",{"type":59,"tag":417,"props":2479,"children":2480},{"style":516},[2481],{"type":65,"value":1696},{"type":59,"tag":417,"props":2483,"children":2484},{"style":1007},[2485],{"type":65,"value":2486},")(",{"type":59,"tag":417,"props":2488,"children":2489},{"style":516},[2490],{"type":65,"value":519},{"type":59,"tag":417,"props":2492,"children":2493},{"class":419,"line":962},[2494,2499,2503,2507,2511,2516,2520],{"type":59,"tag":417,"props":2495,"children":2496},{"style":1127},[2497],{"type":65,"value":2498},"  loader",{"type":59,"tag":417,"props":2500,"children":2501},{"style":516},[2502],{"type":65,"value":543},{"type":59,"tag":417,"props":2504,"children":2505},{"style":516},[2506],{"type":65,"value":1633},{"type":59,"tag":417,"props":2508,"children":2509},{"style":530},[2510],{"type":65,"value":1638},{"type":59,"tag":417,"props":2512,"children":2513},{"style":1127},[2514],{"type":65,"value":2515}," getGreeting",{"type":59,"tag":417,"props":2517,"children":2518},{"style":1007},[2519],{"type":65,"value":1169},{"type":59,"tag":417,"props":2521,"children":2522},{"style":516},[2523],{"type":65,"value":562},{"type":59,"tag":417,"props":2525,"children":2526},{"class":419,"line":970},[2527,2531,2535,2540],{"type":59,"tag":417,"props":2528,"children":2529},{"style":1144},[2530],{"type":65,"value":1833},{"type":59,"tag":417,"props":2532,"children":2533},{"style":516},[2534],{"type":65,"value":543},{"type":59,"tag":417,"props":2536,"children":2537},{"style":1007},[2538],{"type":65,"value":2539}," HomePage",{"type":59,"tag":417,"props":2541,"children":2542},{"style":516},[2543],{"type":65,"value":562},{"type":59,"tag":417,"props":2545,"children":2546},{"class":419,"line":1650},[2547,2551],{"type":59,"tag":417,"props":2548,"children":2549},{"style":516},[2550],{"type":65,"value":1216},{"type":59,"tag":417,"props":2552,"children":2553},{"style":1007},[2554],{"type":65,"value":1221},{"type":59,"tag":417,"props":2556,"children":2557},{"class":419,"line":1667},[2558],{"type":59,"tag":417,"props":2559,"children":2560},{"emptyLinePlaceholder":1108},[2561],{"type":65,"value":1111},{"type":59,"tag":417,"props":2563,"children":2564},{"class":419,"line":1704},[2565,2569,2573,2577],{"type":59,"tag":417,"props":2566,"children":2567},{"style":530},[2568],{"type":65,"value":1875},{"type":59,"tag":417,"props":2570,"children":2571},{"style":1127},[2572],{"type":65,"value":2539},{"type":59,"tag":417,"props":2574,"children":2575},{"style":516},[2576],{"type":65,"value":1169},{"type":59,"tag":417,"props":2578,"children":2579},{"style":516},[2580],{"type":65,"value":588},{"type":59,"tag":417,"props":2582,"children":2583},{"class":419,"line":1764},[2584,2588,2593,2597,2602,2606,2611],{"type":59,"tag":417,"props":2585,"children":2586},{"style":530},[2587],{"type":65,"value":1350},{"type":59,"tag":417,"props":2589,"children":2590},{"style":1007},[2591],{"type":65,"value":2592}," greeting",{"type":59,"tag":417,"props":2594,"children":2595},{"style":516},[2596],{"type":65,"value":1360},{"type":59,"tag":417,"props":2598,"children":2599},{"style":1007},[2600],{"type":65,"value":2601}," Route",{"type":59,"tag":417,"props":2603,"children":2604},{"style":516},[2605],{"type":65,"value":102},{"type":59,"tag":417,"props":2607,"children":2608},{"style":1127},[2609],{"type":65,"value":2610},"useLoaderData",{"type":59,"tag":417,"props":2612,"children":2613},{"style":1144},[2614],{"type":65,"value":2615},"()\n",{"type":59,"tag":417,"props":2617,"children":2618},{"class":419,"line":1798},[2619,2623,2628,2632,2637,2642,2647,2651],{"type":59,"tag":417,"props":2620,"children":2621},{"style":996},[2622],{"type":65,"value":1426},{"type":59,"tag":417,"props":2624,"children":2625},{"style":516},[2626],{"type":65,"value":2627}," \u003C",{"type":59,"tag":417,"props":2629,"children":2630},{"style":1144},[2631],{"type":65,"value":60},{"type":59,"tag":417,"props":2633,"children":2634},{"style":516},[2635],{"type":65,"value":2636},">{",{"type":59,"tag":417,"props":2638,"children":2639},{"style":1007},[2640],{"type":65,"value":2641},"greeting",{"type":59,"tag":417,"props":2643,"children":2644},{"style":516},[2645],{"type":65,"value":2646},"}\u003C\u002F",{"type":59,"tag":417,"props":2648,"children":2649},{"style":1144},[2650],{"type":65,"value":60},{"type":59,"tag":417,"props":2652,"children":2653},{"style":516},[2654],{"type":65,"value":1919},{"type":59,"tag":417,"props":2656,"children":2657},{"class":419,"line":1811},[2658],{"type":59,"tag":417,"props":2659,"children":2660},{"style":516},[2661],{"type":65,"value":718},{"type":59,"tag":158,"props":2663,"children":2665},{"id":2664},"useserverfn-hook",[2666],{"type":65,"value":2667},"useServerFn Hook",{"type":59,"tag":77,"props":2669,"children":2670},{},[2671,2672,2677],{"type":65,"value":197},{"type":59,"tag":68,"props":2673,"children":2675},{"className":2674},[],[2676],{"type":65,"value":203},{"type":65,"value":2678}," to call server functions from React components with proper integration:",{"type":59,"tag":406,"props":2680,"children":2682},{"className":1230,"code":2681,"language":1232,"meta":411,"style":411},"import { createServerFn, useServerFn } from '@tanstack\u002Freact-start'\n\nconst updatePost = createServerFn({ method: 'POST' })\n  .validator((data: { id: string; title: string }) => data)\n  .handler(async ({ data }) => {\n    await db.posts.update(data.id, { title: data.title })\n    return { success: true }\n  })\n\nfunction EditPostForm({ postId }: { postId: string }) {\n  const updatePostFn = useServerFn(updatePost)\n  const [title, setTitle] = useState('')\n\n  return (\n    \u003Cform\n      onSubmit={async (e) => {\n        e.preventDefault()\n        await updatePostFn({ data: { id: postId, title } })\n      }}\n    >\n      \u003Cinput value={title} onChange={(e) => setTitle(e.target.value)} \u002F>\n      \u003Cbutton type=\"submit\">Save\u003C\u002Fbutton>\n    \u003C\u002Fform>\n  )\n}\n",[2683],{"type":59,"tag":68,"props":2684,"children":2685},{"__ignoreMap":411},[2686,2730,2737,2794,2873,2914,2999,3029,3040,3047,3096,3129,3181,3188,3199,3211,3249,3270,3334,3342,3350,3433,3489,3505,3512],{"type":59,"tag":417,"props":2687,"children":2688},{"class":419,"line":420},[2689,2693,2697,2701,2705,2710,2714,2718,2722,2726],{"type":59,"tag":417,"props":2690,"children":2691},{"style":996},[2692],{"type":65,"value":999},{"type":59,"tag":417,"props":2694,"children":2695},{"style":516},[2696],{"type":65,"value":1004},{"type":59,"tag":417,"props":2698,"children":2699},{"style":1007},[2700],{"type":65,"value":2286},{"type":59,"tag":417,"props":2702,"children":2703},{"style":516},[2704],{"type":65,"value":1174},{"type":59,"tag":417,"props":2706,"children":2707},{"style":1007},[2708],{"type":65,"value":2709}," useServerFn",{"type":59,"tag":417,"props":2711,"children":2712},{"style":516},[2713],{"type":65,"value":1015},{"type":59,"tag":417,"props":2715,"children":2716},{"style":996},[2717],{"type":65,"value":1020},{"type":59,"tag":417,"props":2719,"children":2720},{"style":516},[2721],{"type":65,"value":1025},{"type":59,"tag":417,"props":2723,"children":2724},{"style":430},[2725],{"type":65,"value":73},{"type":59,"tag":417,"props":2727,"children":2728},{"style":516},[2729],{"type":65,"value":1035},{"type":59,"tag":417,"props":2731,"children":2732},{"class":419,"line":456},[2733],{"type":59,"tag":417,"props":2734,"children":2735},{"emptyLinePlaceholder":1108},[2736],{"type":65,"value":1111},{"type":59,"tag":417,"props":2738,"children":2739},{"class":419,"line":565},[2740,2744,2749,2753,2757,2761,2765,2769,2773,2777,2782,2786,2790],{"type":59,"tag":417,"props":2741,"children":2742},{"style":530},[2743],{"type":65,"value":2321},{"type":59,"tag":417,"props":2745,"children":2746},{"style":1007},[2747],{"type":65,"value":2748}," updatePost ",{"type":59,"tag":417,"props":2750,"children":2751},{"style":516},[2752],{"type":65,"value":1603},{"type":59,"tag":417,"props":2754,"children":2755},{"style":1127},[2756],{"type":65,"value":2286},{"type":59,"tag":417,"props":2758,"children":2759},{"style":1007},[2760],{"type":65,"value":1134},{"type":59,"tag":417,"props":2762,"children":2763},{"style":516},[2764],{"type":65,"value":2343},{"type":59,"tag":417,"props":2766,"children":2767},{"style":1144},[2768],{"type":65,"value":2348},{"type":59,"tag":417,"props":2770,"children":2771},{"style":516},[2772],{"type":65,"value":543},{"type":59,"tag":417,"props":2774,"children":2775},{"style":516},[2776],{"type":65,"value":1025},{"type":59,"tag":417,"props":2778,"children":2779},{"style":430},[2780],{"type":65,"value":2781},"POST",{"type":59,"tag":417,"props":2783,"children":2784},{"style":516},[2785],{"type":65,"value":1696},{"type":59,"tag":417,"props":2787,"children":2788},{"style":516},[2789],{"type":65,"value":1015},{"type":59,"tag":417,"props":2791,"children":2792},{"style":1007},[2793],{"type":65,"value":1221},{"type":59,"tag":417,"props":2795,"children":2796},{"class":419,"line":591},[2797,2802,2807,2811,2815,2820,2824,2828,2833,2837,2842,2847,2851,2855,2859,2864,2868],{"type":59,"tag":417,"props":2798,"children":2799},{"style":516},[2800],{"type":65,"value":2801},"  .",{"type":59,"tag":417,"props":2803,"children":2804},{"style":1127},[2805],{"type":65,"value":2806},"validator",{"type":59,"tag":417,"props":2808,"children":2809},{"style":1007},[2810],{"type":65,"value":1134},{"type":59,"tag":417,"props":2812,"children":2813},{"style":516},[2814],{"type":65,"value":1134},{"type":59,"tag":417,"props":2816,"children":2817},{"style":2001},[2818],{"type":65,"value":2819},"data",{"type":59,"tag":417,"props":2821,"children":2822},{"style":516},[2823],{"type":65,"value":543},{"type":59,"tag":417,"props":2825,"children":2826},{"style":516},[2827],{"type":65,"value":1004},{"type":59,"tag":417,"props":2829,"children":2830},{"style":1144},[2831],{"type":65,"value":2832}," id",{"type":59,"tag":417,"props":2834,"children":2835},{"style":516},[2836],{"type":65,"value":543},{"type":59,"tag":417,"props":2838,"children":2839},{"style":424},[2840],{"type":65,"value":2841}," string",{"type":59,"tag":417,"props":2843,"children":2844},{"style":516},[2845],{"type":65,"value":2846},";",{"type":59,"tag":417,"props":2848,"children":2849},{"style":1144},[2850],{"type":65,"value":1774},{"type":59,"tag":417,"props":2852,"children":2853},{"style":516},[2854],{"type":65,"value":543},{"type":59,"tag":417,"props":2856,"children":2857},{"style":424},[2858],{"type":65,"value":2841},{"type":59,"tag":417,"props":2860,"children":2861},{"style":516},[2862],{"type":65,"value":2863}," })",{"type":59,"tag":417,"props":2865,"children":2866},{"style":530},[2867],{"type":65,"value":1638},{"type":59,"tag":417,"props":2869,"children":2870},{"style":1007},[2871],{"type":65,"value":2872}," data)\n",{"type":59,"tag":417,"props":2874,"children":2875},{"class":419,"line":630},[2876,2880,2884,2888,2892,2897,2902,2906,2910],{"type":59,"tag":417,"props":2877,"children":2878},{"style":516},[2879],{"type":65,"value":2801},{"type":59,"tag":417,"props":2881,"children":2882},{"style":1127},[2883],{"type":65,"value":2382},{"type":59,"tag":417,"props":2885,"children":2886},{"style":1007},[2887],{"type":65,"value":1134},{"type":59,"tag":417,"props":2889,"children":2890},{"style":530},[2891],{"type":65,"value":2391},{"type":59,"tag":417,"props":2893,"children":2894},{"style":516},[2895],{"type":65,"value":2896}," ({",{"type":59,"tag":417,"props":2898,"children":2899},{"style":2001},[2900],{"type":65,"value":2901}," data",{"type":59,"tag":417,"props":2903,"children":2904},{"style":516},[2905],{"type":65,"value":2863},{"type":59,"tag":417,"props":2907,"children":2908},{"style":530},[2909],{"type":65,"value":1638},{"type":59,"tag":417,"props":2911,"children":2912},{"style":516},[2913],{"type":65,"value":588},{"type":59,"tag":417,"props":2915,"children":2916},{"class":419,"line":668},[2917,2922,2927,2931,2936,2940,2945,2949,2953,2957,2962,2966,2970,2974,2978,2982,2986,2991,2995],{"type":59,"tag":417,"props":2918,"children":2919},{"style":996},[2920],{"type":65,"value":2921},"    await",{"type":59,"tag":417,"props":2923,"children":2924},{"style":1007},[2925],{"type":65,"value":2926}," db",{"type":59,"tag":417,"props":2928,"children":2929},{"style":516},[2930],{"type":65,"value":102},{"type":59,"tag":417,"props":2932,"children":2933},{"style":1007},[2934],{"type":65,"value":2935},"posts",{"type":59,"tag":417,"props":2937,"children":2938},{"style":516},[2939],{"type":65,"value":102},{"type":59,"tag":417,"props":2941,"children":2942},{"style":1127},[2943],{"type":65,"value":2944},"update",{"type":59,"tag":417,"props":2946,"children":2947},{"style":1144},[2948],{"type":65,"value":1134},{"type":59,"tag":417,"props":2950,"children":2951},{"style":1007},[2952],{"type":65,"value":2819},{"type":59,"tag":417,"props":2954,"children":2955},{"style":516},[2956],{"type":65,"value":102},{"type":59,"tag":417,"props":2958,"children":2959},{"style":1007},[2960],{"type":65,"value":2961},"id",{"type":59,"tag":417,"props":2963,"children":2964},{"style":516},[2965],{"type":65,"value":1174},{"type":59,"tag":417,"props":2967,"children":2968},{"style":516},[2969],{"type":65,"value":1004},{"type":59,"tag":417,"props":2971,"children":2972},{"style":1144},[2973],{"type":65,"value":1774},{"type":59,"tag":417,"props":2975,"children":2976},{"style":516},[2977],{"type":65,"value":543},{"type":59,"tag":417,"props":2979,"children":2980},{"style":1007},[2981],{"type":65,"value":2901},{"type":59,"tag":417,"props":2983,"children":2984},{"style":516},[2985],{"type":65,"value":102},{"type":59,"tag":417,"props":2987,"children":2988},{"style":1007},[2989],{"type":65,"value":2990},"title",{"type":59,"tag":417,"props":2992,"children":2993},{"style":516},[2994],{"type":65,"value":1015},{"type":59,"tag":417,"props":2996,"children":2997},{"style":1144},[2998],{"type":65,"value":1221},{"type":59,"tag":417,"props":3000,"children":3001},{"class":419,"line":703},[3002,3007,3011,3016,3020,3024],{"type":59,"tag":417,"props":3003,"children":3004},{"style":996},[3005],{"type":65,"value":3006},"    return",{"type":59,"tag":417,"props":3008,"children":3009},{"style":516},[3010],{"type":65,"value":1004},{"type":59,"tag":417,"props":3012,"children":3013},{"style":1144},[3014],{"type":65,"value":3015}," success",{"type":59,"tag":417,"props":3017,"children":3018},{"style":516},[3019],{"type":65,"value":543},{"type":59,"tag":417,"props":3021,"children":3022},{"style":1399},[3023],{"type":65,"value":1402},{"type":59,"tag":417,"props":3025,"children":3026},{"style":516},[3027],{"type":65,"value":3028}," }\n",{"type":59,"tag":417,"props":3030,"children":3031},{"class":419,"line":712},[3032,3036],{"type":59,"tag":417,"props":3033,"children":3034},{"style":516},[3035],{"type":65,"value":1414},{"type":59,"tag":417,"props":3037,"children":3038},{"style":1007},[3039],{"type":65,"value":1221},{"type":59,"tag":417,"props":3041,"children":3042},{"class":419,"line":962},[3043],{"type":59,"tag":417,"props":3044,"children":3045},{"emptyLinePlaceholder":1108},[3046],{"type":65,"value":1111},{"type":59,"tag":417,"props":3048,"children":3049},{"class":419,"line":970},[3050,3054,3059,3063,3068,3072,3076,3080,3084,3088,3092],{"type":59,"tag":417,"props":3051,"children":3052},{"style":530},[3053],{"type":65,"value":1875},{"type":59,"tag":417,"props":3055,"children":3056},{"style":1127},[3057],{"type":65,"value":3058}," EditPostForm",{"type":59,"tag":417,"props":3060,"children":3061},{"style":516},[3062],{"type":65,"value":1998},{"type":59,"tag":417,"props":3064,"children":3065},{"style":2001},[3066],{"type":65,"value":3067}," postId",{"type":59,"tag":417,"props":3069,"children":3070},{"style":516},[3071],{"type":65,"value":2009},{"type":59,"tag":417,"props":3073,"children":3074},{"style":516},[3075],{"type":65,"value":1004},{"type":59,"tag":417,"props":3077,"children":3078},{"style":1144},[3079],{"type":65,"value":3067},{"type":59,"tag":417,"props":3081,"children":3082},{"style":516},[3083],{"type":65,"value":543},{"type":59,"tag":417,"props":3085,"children":3086},{"style":424},[3087],{"type":65,"value":2841},{"type":59,"tag":417,"props":3089,"children":3090},{"style":516},[3091],{"type":65,"value":2863},{"type":59,"tag":417,"props":3093,"children":3094},{"style":516},[3095],{"type":65,"value":588},{"type":59,"tag":417,"props":3097,"children":3098},{"class":419,"line":1650},[3099,3103,3108,3112,3116,3120,3125],{"type":59,"tag":417,"props":3100,"children":3101},{"style":530},[3102],{"type":65,"value":1350},{"type":59,"tag":417,"props":3104,"children":3105},{"style":1007},[3106],{"type":65,"value":3107}," updatePostFn",{"type":59,"tag":417,"props":3109,"children":3110},{"style":516},[3111],{"type":65,"value":1360},{"type":59,"tag":417,"props":3113,"children":3114},{"style":1127},[3115],{"type":65,"value":2709},{"type":59,"tag":417,"props":3117,"children":3118},{"style":1144},[3119],{"type":65,"value":1134},{"type":59,"tag":417,"props":3121,"children":3122},{"style":1007},[3123],{"type":65,"value":3124},"updatePost",{"type":59,"tag":417,"props":3126,"children":3127},{"style":1144},[3128],{"type":65,"value":1221},{"type":59,"tag":417,"props":3130,"children":3131},{"class":419,"line":1667},[3132,3136,3141,3145,3149,3154,3159,3163,3168,3172,3177],{"type":59,"tag":417,"props":3133,"children":3134},{"style":530},[3135],{"type":65,"value":1350},{"type":59,"tag":417,"props":3137,"children":3138},{"style":516},[3139],{"type":65,"value":3140}," [",{"type":59,"tag":417,"props":3142,"children":3143},{"style":1007},[3144],{"type":65,"value":2990},{"type":59,"tag":417,"props":3146,"children":3147},{"style":516},[3148],{"type":65,"value":1174},{"type":59,"tag":417,"props":3150,"children":3151},{"style":1007},[3152],{"type":65,"value":3153}," setTitle",{"type":59,"tag":417,"props":3155,"children":3156},{"style":516},[3157],{"type":65,"value":3158},"]",{"type":59,"tag":417,"props":3160,"children":3161},{"style":516},[3162],{"type":65,"value":1360},{"type":59,"tag":417,"props":3164,"children":3165},{"style":1127},[3166],{"type":65,"value":3167}," useState",{"type":59,"tag":417,"props":3169,"children":3170},{"style":1144},[3171],{"type":65,"value":1134},{"type":59,"tag":417,"props":3173,"children":3174},{"style":516},[3175],{"type":65,"value":3176},"''",{"type":59,"tag":417,"props":3178,"children":3179},{"style":1144},[3180],{"type":65,"value":1221},{"type":59,"tag":417,"props":3182,"children":3183},{"class":419,"line":1704},[3184],{"type":59,"tag":417,"props":3185,"children":3186},{"emptyLinePlaceholder":1108},[3187],{"type":65,"value":1111},{"type":59,"tag":417,"props":3189,"children":3190},{"class":419,"line":1764},[3191,3195],{"type":59,"tag":417,"props":3192,"children":3193},{"style":996},[3194],{"type":65,"value":1426},{"type":59,"tag":417,"props":3196,"children":3197},{"style":1144},[3198],{"type":65,"value":1900},{"type":59,"tag":417,"props":3200,"children":3201},{"class":419,"line":1798},[3202,3206],{"type":59,"tag":417,"props":3203,"children":3204},{"style":516},[3205],{"type":65,"value":1909},{"type":59,"tag":417,"props":3207,"children":3208},{"style":1144},[3209],{"type":65,"value":3210},"form\n",{"type":59,"tag":417,"props":3212,"children":3213},{"class":419,"line":1811},[3214,3219,3224,3228,3232,3237,3241,3245],{"type":59,"tag":417,"props":3215,"children":3216},{"style":530},[3217],{"type":65,"value":3218},"      onSubmit",{"type":59,"tag":417,"props":3220,"children":3221},{"style":516},[3222],{"type":65,"value":3223},"={",{"type":59,"tag":417,"props":3225,"children":3226},{"style":530},[3227],{"type":65,"value":2391},{"type":59,"tag":417,"props":3229,"children":3230},{"style":516},[3231],{"type":65,"value":1643},{"type":59,"tag":417,"props":3233,"children":3234},{"style":2001},[3235],{"type":65,"value":3236},"e",{"type":59,"tag":417,"props":3238,"children":3239},{"style":516},[3240],{"type":65,"value":75},{"type":59,"tag":417,"props":3242,"children":3243},{"style":530},[3244],{"type":65,"value":1638},{"type":59,"tag":417,"props":3246,"children":3247},{"style":516},[3248],{"type":65,"value":588},{"type":59,"tag":417,"props":3250,"children":3251},{"class":419,"line":1827},[3252,3257,3261,3266],{"type":59,"tag":417,"props":3253,"children":3254},{"style":1007},[3255],{"type":65,"value":3256},"        e",{"type":59,"tag":417,"props":3258,"children":3259},{"style":516},[3260],{"type":65,"value":102},{"type":59,"tag":417,"props":3262,"children":3263},{"style":1127},[3264],{"type":65,"value":3265},"preventDefault",{"type":59,"tag":417,"props":3267,"children":3268},{"style":1144},[3269],{"type":65,"value":2615},{"type":59,"tag":417,"props":3271,"children":3272},{"class":419,"line":1849},[3273,3278,3282,3286,3290,3294,3298,3302,3306,3310,3314,3318,3322,3326,3330],{"type":59,"tag":417,"props":3274,"children":3275},{"style":996},[3276],{"type":65,"value":3277},"        await",{"type":59,"tag":417,"props":3279,"children":3280},{"style":1127},[3281],{"type":65,"value":3107},{"type":59,"tag":417,"props":3283,"children":3284},{"style":1144},[3285],{"type":65,"value":1134},{"type":59,"tag":417,"props":3287,"children":3288},{"style":516},[3289],{"type":65,"value":2343},{"type":59,"tag":417,"props":3291,"children":3292},{"style":1144},[3293],{"type":65,"value":2901},{"type":59,"tag":417,"props":3295,"children":3296},{"style":516},[3297],{"type":65,"value":543},{"type":59,"tag":417,"props":3299,"children":3300},{"style":516},[3301],{"type":65,"value":1004},{"type":59,"tag":417,"props":3303,"children":3304},{"style":1144},[3305],{"type":65,"value":2832},{"type":59,"tag":417,"props":3307,"children":3308},{"style":516},[3309],{"type":65,"value":543},{"type":59,"tag":417,"props":3311,"children":3312},{"style":1007},[3313],{"type":65,"value":3067},{"type":59,"tag":417,"props":3315,"children":3316},{"style":516},[3317],{"type":65,"value":1174},{"type":59,"tag":417,"props":3319,"children":3320},{"style":1007},[3321],{"type":65,"value":1774},{"type":59,"tag":417,"props":3323,"children":3324},{"style":516},[3325],{"type":65,"value":1015},{"type":59,"tag":417,"props":3327,"children":3328},{"style":516},[3329],{"type":65,"value":1015},{"type":59,"tag":417,"props":3331,"children":3332},{"style":1144},[3333],{"type":65,"value":1221},{"type":59,"tag":417,"props":3335,"children":3336},{"class":419,"line":1861},[3337],{"type":59,"tag":417,"props":3338,"children":3339},{"style":516},[3340],{"type":65,"value":3341},"      }}\n",{"type":59,"tag":417,"props":3343,"children":3344},{"class":419,"line":1869},[3345],{"type":59,"tag":417,"props":3346,"children":3347},{"style":516},[3348],{"type":65,"value":3349},"    >\n",{"type":59,"tag":417,"props":3351,"children":3352},{"class":419,"line":1890},[3353,3357,3362,3367,3371,3375,3380,3385,3390,3394,3398,3402,3406,3411,3415,3419,3423,3428],{"type":59,"tag":417,"props":3354,"children":3355},{"style":516},[3356],{"type":65,"value":1928},{"type":59,"tag":417,"props":3358,"children":3359},{"style":1144},[3360],{"type":65,"value":3361},"input",{"type":59,"tag":417,"props":3363,"children":3364},{"style":530},[3365],{"type":65,"value":3366}," value",{"type":59,"tag":417,"props":3368,"children":3369},{"style":516},[3370],{"type":65,"value":3223},{"type":59,"tag":417,"props":3372,"children":3373},{"style":1007},[3374],{"type":65,"value":2990},{"type":59,"tag":417,"props":3376,"children":3377},{"style":516},[3378],{"type":65,"value":3379},"} ",{"type":59,"tag":417,"props":3381,"children":3382},{"style":530},[3383],{"type":65,"value":3384},"onChange",{"type":59,"tag":417,"props":3386,"children":3387},{"style":516},[3388],{"type":65,"value":3389},"={(",{"type":59,"tag":417,"props":3391,"children":3392},{"style":2001},[3393],{"type":65,"value":3236},{"type":59,"tag":417,"props":3395,"children":3396},{"style":516},[3397],{"type":65,"value":75},{"type":59,"tag":417,"props":3399,"children":3400},{"style":530},[3401],{"type":65,"value":1638},{"type":59,"tag":417,"props":3403,"children":3404},{"style":1127},[3405],{"type":65,"value":3153},{"type":59,"tag":417,"props":3407,"children":3408},{"style":1007},[3409],{"type":65,"value":3410},"(e",{"type":59,"tag":417,"props":3412,"children":3413},{"style":516},[3414],{"type":65,"value":102},{"type":59,"tag":417,"props":3416,"children":3417},{"style":1007},[3418],{"type":65,"value":884},{"type":59,"tag":417,"props":3420,"children":3421},{"style":516},[3422],{"type":65,"value":102},{"type":59,"tag":417,"props":3424,"children":3425},{"style":1007},[3426],{"type":65,"value":3427},"value)",{"type":59,"tag":417,"props":3429,"children":3430},{"style":516},[3431],{"type":65,"value":3432},"} \u002F>\n",{"type":59,"tag":417,"props":3434,"children":3435},{"class":419,"line":1903},[3436,3440,3445,3449,3453,3457,3462,3466,3471,3476,3481,3485],{"type":59,"tag":417,"props":3437,"children":3438},{"style":516},[3439],{"type":65,"value":1928},{"type":59,"tag":417,"props":3441,"children":3442},{"style":1144},[3443],{"type":65,"value":3444},"button",{"type":59,"tag":417,"props":3446,"children":3447},{"style":530},[3448],{"type":65,"value":1463},{"type":59,"tag":417,"props":3450,"children":3451},{"style":516},[3452],{"type":65,"value":1603},{"type":59,"tag":417,"props":3454,"children":3455},{"style":516},[3456],{"type":65,"value":538},{"type":59,"tag":417,"props":3458,"children":3459},{"style":430},[3460],{"type":65,"value":3461},"submit",{"type":59,"tag":417,"props":3463,"children":3464},{"style":516},[3465],{"type":65,"value":538},{"type":59,"tag":417,"props":3467,"children":3468},{"style":516},[3469],{"type":65,"value":3470},">",{"type":59,"tag":417,"props":3472,"children":3473},{"style":1007},[3474],{"type":65,"value":3475},"Save",{"type":59,"tag":417,"props":3477,"children":3478},{"style":516},[3479],{"type":65,"value":3480},"\u003C\u002F",{"type":59,"tag":417,"props":3482,"children":3483},{"style":1144},[3484],{"type":65,"value":3444},{"type":59,"tag":417,"props":3486,"children":3487},{"style":516},[3488],{"type":65,"value":1919},{"type":59,"tag":417,"props":3490,"children":3491},{"class":419,"line":1922},[3492,3496,3501],{"type":59,"tag":417,"props":3493,"children":3494},{"style":516},[3495],{"type":65,"value":1947},{"type":59,"tag":417,"props":3497,"children":3498},{"style":1144},[3499],{"type":65,"value":3500},"form",{"type":59,"tag":417,"props":3502,"children":3503},{"style":516},[3504],{"type":65,"value":1919},{"type":59,"tag":417,"props":3506,"children":3507},{"class":419,"line":1941},[3508],{"type":59,"tag":417,"props":3509,"children":3510},{"style":1144},[3511],{"type":65,"value":1964},{"type":59,"tag":417,"props":3513,"children":3514},{"class":419,"line":1958},[3515],{"type":59,"tag":417,"props":3516,"children":3517},{"style":516},[3518],{"type":65,"value":718},{"type":59,"tag":158,"props":3520,"children":3522},{"id":3521},"global-start-configuration-srcstartts",[3523],{"type":65,"value":3524},"Global Start Configuration (src\u002Fstart.ts)",{"type":59,"tag":406,"props":3526,"children":3528},{"className":1230,"code":3527,"language":1232,"meta":411,"style":411},"import { createStart, createMiddleware } from '@tanstack\u002Freact-start'\n\nconst requestLogger = createMiddleware().server(async ({ next, request }) => {\n  console.log(`${request.method} ${request.url}`)\n  return next()\n})\n\nexport const startInstance = createStart(() => ({\n  requestMiddleware: [requestLogger],\n}))\n",[3529],{"type":59,"tag":68,"props":3530,"children":3531},{"__ignoreMap":411},[3532,3577,3584,3655,3725,3740,3751,3758,3802,3823],{"type":59,"tag":417,"props":3533,"children":3534},{"class":419,"line":420},[3535,3539,3543,3548,3552,3557,3561,3565,3569,3573],{"type":59,"tag":417,"props":3536,"children":3537},{"style":996},[3538],{"type":65,"value":999},{"type":59,"tag":417,"props":3540,"children":3541},{"style":516},[3542],{"type":65,"value":1004},{"type":59,"tag":417,"props":3544,"children":3545},{"style":1007},[3546],{"type":65,"value":3547}," createStart",{"type":59,"tag":417,"props":3549,"children":3550},{"style":516},[3551],{"type":65,"value":1174},{"type":59,"tag":417,"props":3553,"children":3554},{"style":1007},[3555],{"type":65,"value":3556}," createMiddleware",{"type":59,"tag":417,"props":3558,"children":3559},{"style":516},[3560],{"type":65,"value":1015},{"type":59,"tag":417,"props":3562,"children":3563},{"style":996},[3564],{"type":65,"value":1020},{"type":59,"tag":417,"props":3566,"children":3567},{"style":516},[3568],{"type":65,"value":1025},{"type":59,"tag":417,"props":3570,"children":3571},{"style":430},[3572],{"type":65,"value":73},{"type":59,"tag":417,"props":3574,"children":3575},{"style":516},[3576],{"type":65,"value":1035},{"type":59,"tag":417,"props":3578,"children":3579},{"class":419,"line":456},[3580],{"type":59,"tag":417,"props":3581,"children":3582},{"emptyLinePlaceholder":1108},[3583],{"type":65,"value":1111},{"type":59,"tag":417,"props":3585,"children":3586},{"class":419,"line":565},[3587,3591,3596,3600,3604,3608,3612,3617,3621,3625,3629,3634,3638,3643,3647,3651],{"type":59,"tag":417,"props":3588,"children":3589},{"style":530},[3590],{"type":65,"value":2321},{"type":59,"tag":417,"props":3592,"children":3593},{"style":1007},[3594],{"type":65,"value":3595}," requestLogger ",{"type":59,"tag":417,"props":3597,"children":3598},{"style":516},[3599],{"type":65,"value":1603},{"type":59,"tag":417,"props":3601,"children":3602},{"style":1127},[3603],{"type":65,"value":3556},{"type":59,"tag":417,"props":3605,"children":3606},{"style":1007},[3607],{"type":65,"value":1169},{"type":59,"tag":417,"props":3609,"children":3610},{"style":516},[3611],{"type":65,"value":102},{"type":59,"tag":417,"props":3613,"children":3614},{"style":1127},[3615],{"type":65,"value":3616},"server",{"type":59,"tag":417,"props":3618,"children":3619},{"style":1007},[3620],{"type":65,"value":1134},{"type":59,"tag":417,"props":3622,"children":3623},{"style":530},[3624],{"type":65,"value":2391},{"type":59,"tag":417,"props":3626,"children":3627},{"style":516},[3628],{"type":65,"value":2896},{"type":59,"tag":417,"props":3630,"children":3631},{"style":2001},[3632],{"type":65,"value":3633}," next",{"type":59,"tag":417,"props":3635,"children":3636},{"style":516},[3637],{"type":65,"value":1174},{"type":59,"tag":417,"props":3639,"children":3640},{"style":2001},[3641],{"type":65,"value":3642}," request",{"type":59,"tag":417,"props":3644,"children":3645},{"style":516},[3646],{"type":65,"value":2863},{"type":59,"tag":417,"props":3648,"children":3649},{"style":530},[3650],{"type":65,"value":1638},{"type":59,"tag":417,"props":3652,"children":3653},{"style":516},[3654],{"type":65,"value":588},{"type":59,"tag":417,"props":3656,"children":3657},{"class":419,"line":591},[3658,3663,3667,3672,3676,3681,3686,3690,3695,3699,3704,3708,3712,3716,3721],{"type":59,"tag":417,"props":3659,"children":3660},{"style":1007},[3661],{"type":65,"value":3662},"  console",{"type":59,"tag":417,"props":3664,"children":3665},{"style":516},[3666],{"type":65,"value":102},{"type":59,"tag":417,"props":3668,"children":3669},{"style":1127},[3670],{"type":65,"value":3671},"log",{"type":59,"tag":417,"props":3673,"children":3674},{"style":1144},[3675],{"type":65,"value":1134},{"type":59,"tag":417,"props":3677,"children":3678},{"style":516},[3679],{"type":65,"value":3680},"`${",{"type":59,"tag":417,"props":3682,"children":3683},{"style":1007},[3684],{"type":65,"value":3685},"request",{"type":59,"tag":417,"props":3687,"children":3688},{"style":516},[3689],{"type":65,"value":102},{"type":59,"tag":417,"props":3691,"children":3692},{"style":1007},[3693],{"type":65,"value":3694},"method",{"type":59,"tag":417,"props":3696,"children":3697},{"style":516},[3698],{"type":65,"value":1216},{"type":59,"tag":417,"props":3700,"children":3701},{"style":516},[3702],{"type":65,"value":3703}," ${",{"type":59,"tag":417,"props":3705,"children":3706},{"style":1007},[3707],{"type":65,"value":3685},{"type":59,"tag":417,"props":3709,"children":3710},{"style":516},[3711],{"type":65,"value":102},{"type":59,"tag":417,"props":3713,"children":3714},{"style":1007},[3715],{"type":65,"value":39},{"type":59,"tag":417,"props":3717,"children":3718},{"style":516},[3719],{"type":65,"value":3720},"}`",{"type":59,"tag":417,"props":3722,"children":3723},{"style":1144},[3724],{"type":65,"value":1221},{"type":59,"tag":417,"props":3726,"children":3727},{"class":419,"line":630},[3728,3732,3736],{"type":59,"tag":417,"props":3729,"children":3730},{"style":996},[3731],{"type":65,"value":1426},{"type":59,"tag":417,"props":3733,"children":3734},{"style":1127},[3735],{"type":65,"value":3633},{"type":59,"tag":417,"props":3737,"children":3738},{"style":1144},[3739],{"type":65,"value":2615},{"type":59,"tag":417,"props":3741,"children":3742},{"class":419,"line":668},[3743,3747],{"type":59,"tag":417,"props":3744,"children":3745},{"style":516},[3746],{"type":65,"value":1216},{"type":59,"tag":417,"props":3748,"children":3749},{"style":1007},[3750],{"type":65,"value":1221},{"type":59,"tag":417,"props":3752,"children":3753},{"class":419,"line":703},[3754],{"type":59,"tag":417,"props":3755,"children":3756},{"emptyLinePlaceholder":1108},[3757],{"type":65,"value":1111},{"type":59,"tag":417,"props":3759,"children":3760},{"class":419,"line":712},[3761,3765,3769,3774,3778,3782,3786,3790,3794,3798],{"type":59,"tag":417,"props":3762,"children":3763},{"style":996},[3764],{"type":65,"value":1119},{"type":59,"tag":417,"props":3766,"children":3767},{"style":530},[3768],{"type":65,"value":1593},{"type":59,"tag":417,"props":3770,"children":3771},{"style":1007},[3772],{"type":65,"value":3773}," startInstance ",{"type":59,"tag":417,"props":3775,"children":3776},{"style":516},[3777],{"type":65,"value":1603},{"type":59,"tag":417,"props":3779,"children":3780},{"style":1127},[3781],{"type":65,"value":3547},{"type":59,"tag":417,"props":3783,"children":3784},{"style":1007},[3785],{"type":65,"value":1134},{"type":59,"tag":417,"props":3787,"children":3788},{"style":516},[3789],{"type":65,"value":1169},{"type":59,"tag":417,"props":3791,"children":3792},{"style":530},[3793],{"type":65,"value":1638},{"type":59,"tag":417,"props":3795,"children":3796},{"style":1007},[3797],{"type":65,"value":1643},{"type":59,"tag":417,"props":3799,"children":3800},{"style":516},[3801],{"type":65,"value":519},{"type":59,"tag":417,"props":3803,"children":3804},{"class":419,"line":962},[3805,3810,3814,3819],{"type":59,"tag":417,"props":3806,"children":3807},{"style":1144},[3808],{"type":65,"value":3809},"  requestMiddleware",{"type":59,"tag":417,"props":3811,"children":3812},{"style":516},[3813],{"type":65,"value":543},{"type":59,"tag":417,"props":3815,"children":3816},{"style":1007},[3817],{"type":65,"value":3818}," [requestLogger]",{"type":59,"tag":417,"props":3820,"children":3821},{"style":516},[3822],{"type":65,"value":562},{"type":59,"tag":417,"props":3824,"children":3825},{"class":419,"line":970},[3826,3830],{"type":59,"tag":417,"props":3827,"children":3828},{"style":516},[3829],{"type":65,"value":1216},{"type":59,"tag":417,"props":3831,"children":3832},{"style":1007},[3833],{"type":65,"value":3834},"))\n",{"type":59,"tag":158,"props":3836,"children":3838},{"id":3837},"react-specific-components",[3839],{"type":65,"value":3840},"React-Specific Components",{"type":59,"tag":77,"props":3842,"children":3843},{},[3844,3846,3851],{"type":65,"value":3845},"All routing components from ",{"type":59,"tag":68,"props":3847,"children":3849},{"className":3848},[],[3850],{"type":65,"value":1269},{"type":65,"value":3852}," work in Start:",{"type":59,"tag":277,"props":3854,"children":3855},{},[3856,3867,3878,3889,3900,3918,3936,3947,3958],{"type":59,"tag":169,"props":3857,"children":3858},{},[3859,3865],{"type":59,"tag":68,"props":3860,"children":3862},{"className":3861},[],[3863],{"type":65,"value":3864},"\u003CRouterProvider>",{"type":65,"value":3866}," — not needed in Start (handled automatically)",{"type":59,"tag":169,"props":3868,"children":3869},{},[3870,3876],{"type":59,"tag":68,"props":3871,"children":3873},{"className":3872},[],[3874],{"type":65,"value":3875},"\u003COutlet>",{"type":65,"value":3877}," — renders matched child route",{"type":59,"tag":169,"props":3879,"children":3880},{},[3881,3887],{"type":59,"tag":68,"props":3882,"children":3884},{"className":3883},[],[3885],{"type":65,"value":3886},"\u003CLink>",{"type":65,"value":3888}," — type-safe navigation",{"type":59,"tag":169,"props":3890,"children":3891},{},[3892,3898],{"type":59,"tag":68,"props":3893,"children":3895},{"className":3894},[],[3896],{"type":65,"value":3897},"\u003CNavigate>",{"type":65,"value":3899}," — declarative redirect",{"type":59,"tag":169,"props":3901,"children":3902},{},[3903,3909,3911,3917],{"type":59,"tag":68,"props":3904,"children":3906},{"className":3905},[],[3907],{"type":65,"value":3908},"\u003CHeadContent>",{"type":65,"value":3910}," — renders head tags (must be in ",{"type":59,"tag":68,"props":3912,"children":3914},{"className":3913},[],[3915],{"type":65,"value":3916},"\u003Chead>",{"type":65,"value":75},{"type":59,"tag":169,"props":3919,"children":3920},{},[3921,3927,3929,3935],{"type":59,"tag":68,"props":3922,"children":3924},{"className":3923},[],[3925],{"type":65,"value":3926},"\u003CScripts>",{"type":65,"value":3928}," — renders body scripts (must be in ",{"type":59,"tag":68,"props":3930,"children":3932},{"className":3931},[],[3933],{"type":65,"value":3934},"\u003Cbody>",{"type":65,"value":75},{"type":59,"tag":169,"props":3937,"children":3938},{},[3939,3945],{"type":59,"tag":68,"props":3940,"children":3942},{"className":3941},[],[3943],{"type":65,"value":3944},"\u003CAwait>",{"type":65,"value":3946}," — renders deferred data with Suspense",{"type":59,"tag":169,"props":3948,"children":3949},{},[3950,3956],{"type":59,"tag":68,"props":3951,"children":3953},{"className":3952},[],[3954],{"type":65,"value":3955},"\u003CClientOnly>",{"type":65,"value":3957}," — renders children only after hydration",{"type":59,"tag":169,"props":3959,"children":3960},{},[3961,3967],{"type":59,"tag":68,"props":3962,"children":3964},{"className":3963},[],[3965],{"type":65,"value":3966},"\u003CCatchBoundary>",{"type":65,"value":3968}," — error boundary",{"type":59,"tag":158,"props":3970,"children":3972},{"id":3971},"hooks-reference",[3973],{"type":65,"value":3974},"Hooks Reference",{"type":59,"tag":77,"props":3976,"children":3977},{},[3978,3980,3985],{"type":65,"value":3979},"All hooks from ",{"type":59,"tag":68,"props":3981,"children":3983},{"className":3982},[],[3984],{"type":65,"value":1269},{"type":65,"value":3852},{"type":59,"tag":277,"props":3987,"children":3988},{},[3989,4000,4011,4022,4033,4044,4055,4066,4077,4088],{"type":59,"tag":169,"props":3990,"children":3991},{},[3992,3998],{"type":59,"tag":68,"props":3993,"children":3995},{"className":3994},[],[3996],{"type":65,"value":3997},"useRouter()",{"type":65,"value":3999}," — router instance",{"type":59,"tag":169,"props":4001,"children":4002},{},[4003,4009],{"type":59,"tag":68,"props":4004,"children":4006},{"className":4005},[],[4007],{"type":65,"value":4008},"useRouterState()",{"type":65,"value":4010}," — subscribe to router state",{"type":59,"tag":169,"props":4012,"children":4013},{},[4014,4020],{"type":59,"tag":68,"props":4015,"children":4017},{"className":4016},[],[4018],{"type":65,"value":4019},"useNavigate()",{"type":65,"value":4021}," — programmatic navigation",{"type":59,"tag":169,"props":4023,"children":4024},{},[4025,4031],{"type":59,"tag":68,"props":4026,"children":4028},{"className":4027},[],[4029],{"type":65,"value":4030},"useSearch({ from })",{"type":65,"value":4032}," — validated search params",{"type":59,"tag":169,"props":4034,"children":4035},{},[4036,4042],{"type":59,"tag":68,"props":4037,"children":4039},{"className":4038},[],[4040],{"type":65,"value":4041},"useParams({ from })",{"type":65,"value":4043}," — path params",{"type":59,"tag":169,"props":4045,"children":4046},{},[4047,4053],{"type":59,"tag":68,"props":4048,"children":4050},{"className":4049},[],[4051],{"type":65,"value":4052},"useLoaderData({ from })",{"type":65,"value":4054}," — loader data",{"type":59,"tag":169,"props":4056,"children":4057},{},[4058,4064],{"type":59,"tag":68,"props":4059,"children":4061},{"className":4060},[],[4062],{"type":65,"value":4063},"useMatch({ from })",{"type":65,"value":4065}," — full route match",{"type":59,"tag":169,"props":4067,"children":4068},{},[4069,4075],{"type":59,"tag":68,"props":4070,"children":4072},{"className":4071},[],[4073],{"type":65,"value":4074},"useRouteContext({ from })",{"type":65,"value":4076}," — route context",{"type":59,"tag":169,"props":4078,"children":4079},{},[4080,4086],{"type":59,"tag":68,"props":4081,"children":4083},{"className":4082},[],[4084],{"type":65,"value":4085},"Route.useLoaderData()",{"type":65,"value":4087}," — typed loader data (preferred in route files)",{"type":59,"tag":169,"props":4089,"children":4090},{},[4091,4097],{"type":59,"tag":68,"props":4092,"children":4094},{"className":4093},[],[4095],{"type":65,"value":4096},"Route.useSearch()",{"type":65,"value":4098}," — typed search params (preferred in route files)",{"type":59,"tag":158,"props":4100,"children":4102},{"id":4101},"common-mistakes",[4103],{"type":65,"value":4104},"Common Mistakes",{"type":59,"tag":399,"props":4106,"children":4108},{"id":4107},"_1-critical-importing-from-wrong-package",[4109],{"type":65,"value":4110},"1. CRITICAL: Importing from wrong package",{"type":59,"tag":406,"props":4112,"children":4114},{"className":1230,"code":4113,"language":1232,"meta":411,"style":411},"\u002F\u002F WRONG — this is the SPA router, NOT Start\nimport { createServerFn } from '@tanstack\u002Freact-router'\n\n\u002F\u002F CORRECT — server functions come from react-start\nimport { createServerFn } from '@tanstack\u002Freact-start'\n\n\u002F\u002F CORRECT — routing APIs come from react-router (re-exported by Start too)\nimport { createFileRoute, Link } from '@tanstack\u002Freact-router'\n",[4115],{"type":59,"tag":68,"props":4116,"children":4117},{"__ignoreMap":411},[4118,4126,4161,4168,4176,4211,4218,4226],{"type":59,"tag":417,"props":4119,"children":4120},{"class":419,"line":420},[4121],{"type":59,"tag":417,"props":4122,"children":4123},{"style":1177},[4124],{"type":65,"value":4125},"\u002F\u002F WRONG — this is the SPA router, NOT Start\n",{"type":59,"tag":417,"props":4127,"children":4128},{"class":419,"line":456},[4129,4133,4137,4141,4145,4149,4153,4157],{"type":59,"tag":417,"props":4130,"children":4131},{"style":996},[4132],{"type":65,"value":999},{"type":59,"tag":417,"props":4134,"children":4135},{"style":516},[4136],{"type":65,"value":1004},{"type":59,"tag":417,"props":4138,"children":4139},{"style":1007},[4140],{"type":65,"value":2286},{"type":59,"tag":417,"props":4142,"children":4143},{"style":516},[4144],{"type":65,"value":1015},{"type":59,"tag":417,"props":4146,"children":4147},{"style":996},[4148],{"type":65,"value":1020},{"type":59,"tag":417,"props":4150,"children":4151},{"style":516},[4152],{"type":65,"value":1025},{"type":59,"tag":417,"props":4154,"children":4155},{"style":430},[4156],{"type":65,"value":1269},{"type":59,"tag":417,"props":4158,"children":4159},{"style":516},[4160],{"type":65,"value":1035},{"type":59,"tag":417,"props":4162,"children":4163},{"class":419,"line":565},[4164],{"type":59,"tag":417,"props":4165,"children":4166},{"emptyLinePlaceholder":1108},[4167],{"type":65,"value":1111},{"type":59,"tag":417,"props":4169,"children":4170},{"class":419,"line":591},[4171],{"type":59,"tag":417,"props":4172,"children":4173},{"style":1177},[4174],{"type":65,"value":4175},"\u002F\u002F CORRECT — server functions come from react-start\n",{"type":59,"tag":417,"props":4177,"children":4178},{"class":419,"line":630},[4179,4183,4187,4191,4195,4199,4203,4207],{"type":59,"tag":417,"props":4180,"children":4181},{"style":996},[4182],{"type":65,"value":999},{"type":59,"tag":417,"props":4184,"children":4185},{"style":516},[4186],{"type":65,"value":1004},{"type":59,"tag":417,"props":4188,"children":4189},{"style":1007},[4190],{"type":65,"value":2286},{"type":59,"tag":417,"props":4192,"children":4193},{"style":516},[4194],{"type":65,"value":1015},{"type":59,"tag":417,"props":4196,"children":4197},{"style":996},[4198],{"type":65,"value":1020},{"type":59,"tag":417,"props":4200,"children":4201},{"style":516},[4202],{"type":65,"value":1025},{"type":59,"tag":417,"props":4204,"children":4205},{"style":430},[4206],{"type":65,"value":73},{"type":59,"tag":417,"props":4208,"children":4209},{"style":516},[4210],{"type":65,"value":1035},{"type":59,"tag":417,"props":4212,"children":4213},{"class":419,"line":668},[4214],{"type":59,"tag":417,"props":4215,"children":4216},{"emptyLinePlaceholder":1108},[4217],{"type":65,"value":1111},{"type":59,"tag":417,"props":4219,"children":4220},{"class":419,"line":703},[4221],{"type":59,"tag":417,"props":4222,"children":4223},{"style":1177},[4224],{"type":65,"value":4225},"\u002F\u002F CORRECT — routing APIs come from react-router (re-exported by Start too)\n",{"type":59,"tag":417,"props":4227,"children":4228},{"class":419,"line":712},[4229,4233,4237,4241,4245,4250,4254,4258,4262,4266],{"type":59,"tag":417,"props":4230,"children":4231},{"style":996},[4232],{"type":65,"value":999},{"type":59,"tag":417,"props":4234,"children":4235},{"style":516},[4236],{"type":65,"value":1004},{"type":59,"tag":417,"props":4238,"children":4239},{"style":1007},[4240],{"type":65,"value":2250},{"type":59,"tag":417,"props":4242,"children":4243},{"style":516},[4244],{"type":65,"value":1174},{"type":59,"tag":417,"props":4246,"children":4247},{"style":1007},[4248],{"type":65,"value":4249}," Link",{"type":59,"tag":417,"props":4251,"children":4252},{"style":516},[4253],{"type":65,"value":1015},{"type":59,"tag":417,"props":4255,"children":4256},{"style":996},[4257],{"type":65,"value":1020},{"type":59,"tag":417,"props":4259,"children":4260},{"style":516},[4261],{"type":65,"value":1025},{"type":59,"tag":417,"props":4263,"children":4264},{"style":430},[4265],{"type":65,"value":1269},{"type":59,"tag":417,"props":4267,"children":4268},{"style":516},[4269],{"type":65,"value":1035},{"type":59,"tag":399,"props":4271,"children":4273},{"id":4272},"_2-high-using-react-hooks-in-beforeload-or-loader",[4274],{"type":65,"value":4275},"2. HIGH: Using React hooks in beforeLoad or loader",{"type":59,"tag":406,"props":4277,"children":4279},{"className":1230,"code":4278,"language":1232,"meta":411,"style":411},"\u002F\u002F WRONG — beforeLoad\u002Floader are NOT React components\nbeforeLoad: () => {\n  const auth = useAuth() \u002F\u002F React hook, cannot be used here\n}\n\n\u002F\u002F CORRECT — pass state via router context\nconst rootRoute = createRootRouteWithContext\u003C{ auth: AuthState }>()({})\n",[4280],{"type":59,"tag":68,"props":4281,"children":4282},{"__ignoreMap":411},[4283,4291,4314,4345,4352,4359,4367],{"type":59,"tag":417,"props":4284,"children":4285},{"class":419,"line":420},[4286],{"type":59,"tag":417,"props":4287,"children":4288},{"style":1177},[4289],{"type":65,"value":4290},"\u002F\u002F WRONG — beforeLoad\u002Floader are NOT React components\n",{"type":59,"tag":417,"props":4292,"children":4293},{"class":419,"line":456},[4294,4298,4302,4306,4310],{"type":59,"tag":417,"props":4295,"children":4296},{"style":424},[4297],{"type":65,"value":216},{"type":59,"tag":417,"props":4299,"children":4300},{"style":516},[4301],{"type":65,"value":543},{"type":59,"tag":417,"props":4303,"children":4304},{"style":516},[4305],{"type":65,"value":1633},{"type":59,"tag":417,"props":4307,"children":4308},{"style":530},[4309],{"type":65,"value":1638},{"type":59,"tag":417,"props":4311,"children":4312},{"style":516},[4313],{"type":65,"value":588},{"type":59,"tag":417,"props":4315,"children":4316},{"class":419,"line":565},[4317,4321,4326,4330,4335,4340],{"type":59,"tag":417,"props":4318,"children":4319},{"style":530},[4320],{"type":65,"value":1350},{"type":59,"tag":417,"props":4322,"children":4323},{"style":1007},[4324],{"type":65,"value":4325}," auth",{"type":59,"tag":417,"props":4327,"children":4328},{"style":516},[4329],{"type":65,"value":1360},{"type":59,"tag":417,"props":4331,"children":4332},{"style":1127},[4333],{"type":65,"value":4334}," useAuth",{"type":59,"tag":417,"props":4336,"children":4337},{"style":1144},[4338],{"type":65,"value":4339},"() ",{"type":59,"tag":417,"props":4341,"children":4342},{"style":1177},[4343],{"type":65,"value":4344},"\u002F\u002F React hook, cannot be used here\n",{"type":59,"tag":417,"props":4346,"children":4347},{"class":419,"line":591},[4348],{"type":59,"tag":417,"props":4349,"children":4350},{"style":516},[4351],{"type":65,"value":718},{"type":59,"tag":417,"props":4353,"children":4354},{"class":419,"line":630},[4355],{"type":59,"tag":417,"props":4356,"children":4357},{"emptyLinePlaceholder":1108},[4358],{"type":65,"value":1111},{"type":59,"tag":417,"props":4360,"children":4361},{"class":419,"line":668},[4362],{"type":59,"tag":417,"props":4363,"children":4364},{"style":1177},[4365],{"type":65,"value":4366},"\u002F\u002F CORRECT — pass state via router context\n",{"type":59,"tag":417,"props":4368,"children":4369},{"class":419,"line":703},[4370,4374,4379,4383,4388,4392,4396,4400,4405,4410,4415,4420],{"type":59,"tag":417,"props":4371,"children":4372},{"style":530},[4373],{"type":65,"value":2321},{"type":59,"tag":417,"props":4375,"children":4376},{"style":1007},[4377],{"type":65,"value":4378}," rootRoute ",{"type":59,"tag":417,"props":4380,"children":4381},{"style":516},[4382],{"type":65,"value":1603},{"type":59,"tag":417,"props":4384,"children":4385},{"style":1127},[4386],{"type":65,"value":4387}," createRootRouteWithContext",{"type":59,"tag":417,"props":4389,"children":4390},{"style":516},[4391],{"type":65,"value":2019},{"type":59,"tag":417,"props":4393,"children":4394},{"style":1144},[4395],{"type":65,"value":4325},{"type":59,"tag":417,"props":4397,"children":4398},{"style":516},[4399],{"type":65,"value":543},{"type":59,"tag":417,"props":4401,"children":4402},{"style":424},[4403],{"type":65,"value":4404}," AuthState",{"type":59,"tag":417,"props":4406,"children":4407},{"style":516},[4408],{"type":65,"value":4409}," }>",{"type":59,"tag":417,"props":4411,"children":4412},{"style":1007},[4413],{"type":65,"value":4414},"()(",{"type":59,"tag":417,"props":4416,"children":4417},{"style":516},[4418],{"type":65,"value":4419},"{}",{"type":59,"tag":417,"props":4421,"children":4422},{"style":1007},[4423],{"type":65,"value":1221},{"type":59,"tag":399,"props":4425,"children":4427},{"id":4426},"_3-high-missing-scripts-component",[4428],{"type":65,"value":4429},"3. HIGH: Missing Scripts component",{"type":59,"tag":77,"props":4431,"children":4432},{},[4433,4435,4441,4443,4448],{"type":65,"value":4434},"Without ",{"type":59,"tag":68,"props":4436,"children":4438},{"className":4437},[],[4439],{"type":65,"value":4440},"\u003CScripts \u002F>",{"type":65,"value":4442}," in the root route's ",{"type":59,"tag":68,"props":4444,"children":4446},{"className":4445},[],[4447],{"type":65,"value":3934},{"type":65,"value":4449},", client JavaScript doesn't load and the app won't hydrate.",{"type":59,"tag":158,"props":4451,"children":4453},{"id":4452},"cross-references",[4454],{"type":65,"value":4455},"Cross-References",{"type":59,"tag":277,"props":4457,"children":4458},{},[4459,4469,4480],{"type":59,"tag":169,"props":4460,"children":4461},{},[4462,4467],{"type":59,"tag":95,"props":4463,"children":4465},{"href":4464},"..\u002F..\u002F..\u002Fstart-client-core\u002Fskills\u002Fstart-core\u002FSKILL.md",[4466],{"type":65,"value":51},{"type":65,"value":4468}," — core Start concepts",{"type":59,"tag":169,"props":4470,"children":4471},{},[4472,4478],{"type":59,"tag":95,"props":4473,"children":4475},{"href":4474},"..\u002F..\u002F..\u002Frouter-core\u002Fskills\u002Frouter-core\u002FSKILL.md",[4476],{"type":65,"value":4477},"router-core",{"type":65,"value":4479}," — routing fundamentals",{"type":59,"tag":169,"props":4481,"children":4482},{},[4483,4489],{"type":59,"tag":95,"props":4484,"children":4486},{"href":4485},"..\u002F..\u002F..\u002Freact-router\u002Fskills\u002Freact-router\u002FSKILL.md",[4487],{"type":65,"value":4488},"react-router",{"type":65,"value":4490}," — React Router hooks and components",{"type":59,"tag":4492,"props":4493,"children":4494},"style",{},[4495],{"type":65,"value":4496},"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":4498,"total":4640},[4499,4515,4527,4539,4554,4566,4576,4586,4599,4609,4620,4630],{"slug":4500,"name":4500,"fn":4501,"description":4502,"org":4503,"tags":4504,"stars":4512,"repoUrl":4513,"updatedAt":4514},"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},[4505,4508,4511],{"name":4506,"slug":4507,"type":15},"Data Analysis","data-analysis",{"name":4509,"slug":4510,"type":15},"Frontend","frontend",{"name":9,"slug":8,"type":15},28175,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable","2026-07-30T05:25:59.429787",{"slug":4516,"name":4516,"fn":4517,"description":4518,"org":4519,"tags":4520,"stars":4512,"repoUrl":4513,"updatedAt":4526},"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},[4521,4524,4525],{"name":4522,"slug":4523,"type":15},"Debugging","debugging",{"name":4509,"slug":4510,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":4528,"name":4528,"fn":4529,"description":4530,"org":4531,"tags":4532,"stars":4512,"repoUrl":4513,"updatedAt":4538},"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},[4533,4534,4535],{"name":4506,"slug":4507,"type":15},{"name":9,"slug":8,"type":15},{"name":4536,"slug":4537,"type":15},"UI Components","ui-components","2026-07-30T05:25:38.403427",{"slug":4540,"name":4540,"fn":4541,"description":4542,"org":4543,"tags":4544,"stars":4512,"repoUrl":4513,"updatedAt":4553},"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},[4545,4548,4549,4552],{"name":4546,"slug":4547,"type":15},"Data Pipeline","data-pipeline",{"name":4509,"slug":4510,"type":15},{"name":4550,"slug":4551,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":4555,"name":4555,"fn":4556,"description":4557,"org":4558,"tags":4559,"stars":4512,"repoUrl":4513,"updatedAt":4565},"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},[4560,4563,4564],{"name":4561,"slug":4562,"type":15},"Data Visualization","data-visualization",{"name":4509,"slug":4510,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:41.397257",{"slug":4567,"name":4567,"fn":4568,"description":4569,"org":4570,"tags":4571,"stars":4512,"repoUrl":4513,"updatedAt":4575},"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},[4572,4573,4574],{"name":4506,"slug":4507,"type":15},{"name":4509,"slug":4510,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":4577,"name":4577,"fn":4578,"description":4579,"org":4580,"tags":4581,"stars":4512,"repoUrl":4513,"updatedAt":4585},"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},[4582,4583,4584],{"name":4509,"slug":4510,"type":15},{"name":9,"slug":8,"type":15},{"name":4536,"slug":4537,"type":15},"2026-07-30T05:26:03.37801",{"slug":4587,"name":4587,"fn":4588,"description":4589,"org":4590,"tags":4591,"stars":4512,"repoUrl":4513,"updatedAt":4598},"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},[4592,4595,4596,4597],{"name":4593,"slug":4594,"type":15},"CSS","css",{"name":4509,"slug":4510,"type":15},{"name":9,"slug":8,"type":15},{"name":4536,"slug":4537,"type":15},"2026-07-30T05:25:55.377366",{"slug":4600,"name":4600,"fn":4601,"description":4602,"org":4603,"tags":4604,"stars":4512,"repoUrl":4513,"updatedAt":4608},"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},[4605,4606,4607],{"name":4509,"slug":4510,"type":15},{"name":9,"slug":8,"type":15},{"name":4536,"slug":4537,"type":15},"2026-07-30T05:25:51.400011",{"slug":4610,"name":4610,"fn":4611,"description":4612,"org":4613,"tags":4614,"stars":4512,"repoUrl":4513,"updatedAt":4619},"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},[4615,4616,4617,4618],{"name":4593,"slug":4594,"type":15},{"name":4509,"slug":4510,"type":15},{"name":9,"slug":8,"type":15},{"name":4536,"slug":4537,"type":15},"2026-07-30T05:25:48.703799",{"slug":4621,"name":4621,"fn":4622,"description":4623,"org":4624,"tags":4625,"stars":4512,"repoUrl":4513,"updatedAt":4629},"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},[4626,4627,4628],{"name":4509,"slug":4510,"type":15},{"name":9,"slug":8,"type":15},{"name":4536,"slug":4537,"type":15},"2026-07-30T05:25:47.367943",{"slug":4631,"name":4631,"fn":4632,"description":4633,"org":4634,"tags":4635,"stars":4512,"repoUrl":4513,"updatedAt":4639},"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},[4636,4637,4638],{"name":4506,"slug":4507,"type":15},{"name":4509,"slug":4510,"type":15},{"name":4536,"slug":4537,"type":15},"2026-07-30T05:25:52.366295",125,{"items":4642,"total":2055},[4643,4660,4675,4689,4702,4721,4732],{"slug":4644,"name":4644,"fn":4645,"description":4646,"org":4647,"tags":4648,"stars":20,"repoUrl":21,"updatedAt":4659},"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},[4649,4652,4653,4655,4656],{"name":4650,"slug":4651,"type":15},"Auth","auth",{"name":4509,"slug":4510,"type":15},{"name":4654,"slug":31,"type":15},"Routing",{"name":9,"slug":8,"type":15},{"name":4657,"slug":4658,"type":15},"TanStack Router","tanstack-router","2026-07-30T05:27:07.639032",{"slug":4661,"name":4661,"fn":4662,"description":4663,"org":4664,"tags":4665,"stars":20,"repoUrl":21,"updatedAt":4674},"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},[4666,4667,4670,4673],{"name":4650,"slug":4651,"type":15},{"name":4668,"slug":4669,"type":15},"OAuth","oauth",{"name":4671,"slug":4672,"type":15},"Security","security",{"name":9,"slug":8,"type":15},"2026-07-30T05:26:59.504396",{"slug":4676,"name":4676,"fn":4677,"description":4678,"org":4679,"tags":4680,"stars":20,"repoUrl":21,"updatedAt":4688},"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},[4681,4684,4685,4686,4687],{"name":4682,"slug":4683,"type":15},"Engineering","engineering",{"name":4509,"slug":4510,"type":15},{"name":4550,"slug":4551,"type":15},{"name":9,"slug":8,"type":15},{"name":4657,"slug":4658,"type":15},"2026-07-30T05:27:11.494406",{"slug":4690,"name":4690,"fn":4691,"description":4692,"org":4693,"tags":4694,"stars":20,"repoUrl":21,"updatedAt":4701},"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},[4695,4698,4699,4700],{"name":4696,"slug":4697,"type":15},"Caching","caching",{"name":4550,"slug":4551,"type":15},{"name":9,"slug":8,"type":15},{"name":4657,"slug":4658,"type":15},"2026-07-30T05:26:54.487943",{"slug":4703,"name":4703,"fn":4704,"description":4705,"org":4706,"tags":4707,"stars":20,"repoUrl":21,"updatedAt":4720},"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},[4708,4711,4713,4716,4717],{"name":4709,"slug":4710,"type":15},"Cloudflare","cloudflare",{"name":4712,"slug":4703,"type":15},"Deployment",{"name":4714,"slug":4715,"type":15},"Netlify","netlify",{"name":9,"slug":8,"type":15},{"name":4718,"slug":4719,"type":15},"Vercel","vercel","2026-07-30T05:26:50.509927",{"slug":4722,"name":4722,"fn":4723,"description":4724,"org":4725,"tags":4726,"stars":20,"repoUrl":21,"updatedAt":4731},"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},[4727,4730],{"name":4728,"slug":4729,"type":15},"Architecture","architecture",{"name":9,"slug":8,"type":15},"2026-07-30T05:27:04.558441",{"slug":4733,"name":4733,"fn":4734,"description":4735,"org":4736,"tags":4737,"stars":20,"repoUrl":21,"updatedAt":4745},"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},[4738,4741,4742,4744],{"name":4739,"slug":4740,"type":15},"Backend","backend",{"name":4509,"slug":4510,"type":15},{"name":4743,"slug":4733,"type":15},"Middleware",{"name":9,"slug":8,"type":15},"2026-07-30T05:26:58.546019"]