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