[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-navigation":3,"mdc--tc25ne-key":49,"related-repo-tanstack-navigation":7046,"related-org-tanstack-navigation":7150},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":23,"repoUrl":24,"updatedAt":25,"license":26,"forks":27,"topics":28,"repo":44,"sourceUrl":47,"mdContent":48},"navigation","implement navigation in TanStack Router","Link component, useNavigate, Navigate component, router.navigate, ToOptions\u002FNavigateOptions\u002FLinkOptions, from\u002Fto relative navigation, activeOptions\u002FactiveProps, preloading (intent\u002Fviewport\u002Frender), preloadDelay, navigation blocking (useBlocker, Block), createLink, linkOptions helper, scroll restoration, MatchRoute.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},"tanstack","TanStack","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ftanstack.png",[12,16,19,20],{"name":13,"slug":14,"type":15},"TanStack Router","tanstack-router","tag",{"name":17,"slug":18,"type":15},"Routing","routing",{"name":9,"slug":8,"type":15},{"name":21,"slug":22,"type":15},"Frontend","frontend",14787,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Frouter","2026-07-30T05:27:01.733576",null,1761,[29,30,31,32,33,34,18,35,36,37,38,39,40,41,42,43],"framework","fullstack","javascript","react","route","router","rpc","search","searchparams","server-functions","ssr","state-management","typesafe","typescript","url",{"repoUrl":24,"stars":23,"forks":27,"topics":45,"description":46},[29,30,31,32,33,34,18,35,36,37,38,39,40,41,42,43],"🤖 A client-first, server-capable, fully type-safe router and full-stack framework for the web (React and more).","https:\u002F\u002Fgithub.com\u002FTanStack\u002Frouter\u002Ftree\u002FHEAD\u002Fpackages\u002Frouter-core\u002Fskills\u002Frouter-core\u002Fnavigation","---\nname: navigation\ndescription: >-\n Link component, useNavigate, Navigate component, router.navigate,\n ToOptions\u002FNavigateOptions\u002FLinkOptions, from\u002Fto relative navigation,\n activeOptions\u002FactiveProps, preloading (intent\u002Fviewport\u002Frender),\n preloadDelay, navigation blocking (useBlocker, Block), createLink,\n linkOptions helper, scroll restoration, MatchRoute.\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\u002Fnavigation.md\n - TanStack\u002Frouter:docs\u002Frouter\u002Fguide\u002Fpreloading.md\n - TanStack\u002Frouter:docs\u002Frouter\u002Fguide\u002Fnavigation-blocking.md\n - TanStack\u002Frouter:docs\u002Frouter\u002Fguide\u002Flink-options.md\n - TanStack\u002Frouter:docs\u002Frouter\u002Fguide\u002Fcustom-link.md\n - TanStack\u002Frouter:docs\u002Frouter\u002Fguide\u002Fscroll-restoration.md\n---\n\n# Navigation\n\n## Setup\n\nBasic type-safe `Link` with `to` and `params`:\n\n```tsx\nimport { Link } from '@tanstack\u002Freact-router'\n\nfunction PostLink({ postId }: { postId: string }) {\n return (\n \u003CLink to=\"\u002Fposts\u002F$postId\" params={{ postId }}>\n View Post\n \u003C\u002FLink>\n )\n}\n```\n\n## Core Patterns\n\n### Link with Active States\n\n```tsx\nimport { Link } from '@tanstack\u002Freact-router'\n\nfunction NavLink() {\n return (\n \u003CLink\n to=\"\u002Fposts\"\n activeProps={{ className: 'font-bold' }}\n inactiveProps={{ className: 'text-gray-500' }}\n activeOptions={{ exact: true }}\n >\n Posts\n \u003C\u002FLink>\n )\n}\n```\n\nThe `data-status` attribute is also set to `\"active\"` on active links for CSS-based styling.\n\n`activeOptions` controls matching behavior:\n\n- `exact` (default `false`) — when `true`, only matches the exact path (not children)\n- `includeHash` (default `false`) — include hash in active matching\n- `includeSearch` (default `true`) — include search params in active matching\n\nChildren can receive `isActive` as a render function:\n\n```tsx\n\u003CLink to=\"\u002Fposts\">\n {({ isActive }) => \u003Cspan className={isActive ? 'font-bold' : ''}>Posts\u003C\u002Fspan>}\n\u003C\u002FLink>\n```\n\n### Relative Navigation with `from`\n\nWithout `from`, navigation resolves from root `\u002F`. To use relative paths like `..`, provide `from`:\n\n```tsx\nimport { createFileRoute, Link } from '@tanstack\u002Freact-router'\n\nexport const Route = createFileRoute('\u002Fposts\u002F$postId')({\n component: PostComponent,\n})\n\nfunction PostComponent() {\n return (\n \u003Cdiv>\n {\u002F* Relative to current route *\u002F}\n \u003CLink from={Route.fullPath} to=\"..\">\n Back to Posts\n \u003C\u002FLink>\n\n {\u002F* \".\" reloads the current route *\u002F}\n \u003CLink from={Route.fullPath} to=\".\">\n Reload\n \u003C\u002FLink>\n \u003C\u002Fdiv>\n )\n}\n```\n\n### useNavigate for Programmatic Navigation\n\nUse `useNavigate` only for side-effect-driven navigation (e.g., after a form submission). For anything the user clicks, prefer `Link`.\n\n```tsx\nimport { useNavigate } from '@tanstack\u002Freact-router'\n\nfunction CreatePostForm() {\n const navigate = useNavigate({ from: '\u002Fposts' })\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault()\n const response = await fetch('\u002Fapi\u002Fposts', { method: 'POST', body: '...' })\n const { id: postId } = await response.json()\n\n if (response.ok) {\n navigate({ to: '\u002Fposts\u002F$postId', params: { postId } })\n }\n }\n\n return \u003Cform onSubmit={handleSubmit}>{\u002F* ... *\u002F}\u003C\u002Fform>\n}\n```\n\nThe `Navigate` component performs an immediate client-side navigation on mount:\n\n```tsx\nimport { Navigate } from '@tanstack\u002Freact-router'\n\nfunction LegacyRedirect() {\n return \u003CNavigate to=\"\u002Fposts\u002F$postId\" params={{ postId: 'my-first-post' }} \u002F>\n}\n```\n\n`router.navigate` is available anywhere you have the router instance, including outside of React.\n\n### Preloading\n\nStrategies: `intent` (hover\u002Ftouchstart), `viewport` (intersection observer), `render` (on mount).\n\nSet globally:\n\n```tsx\nimport { createRouter } from '@tanstack\u002Freact-router'\n\nconst router = createRouter({\n routeTree,\n defaultPreload: 'intent',\n defaultPreloadDelay: 50, \u002F\u002F ms, default is 50\n})\n```\n\nOr per-link:\n\n```tsx\n\u003CLink\n to=\"\u002Fposts\u002F$postId\"\n params={{ postId }}\n preload=\"intent\"\n preloadDelay={100}\n>\n View Post\n\u003C\u002FLink>\n```\n\nPreloaded data stays fresh for 30 seconds by default (`defaultPreloadStaleTime: 30_000`). During that window it won't be refetched. When using an external cache like TanStack Query, set `defaultPreloadStaleTime: 0` to let the external library control freshness.\n\nManual preloading via the router instance:\n\n```tsx\nimport { useRouter } from '@tanstack\u002Freact-router'\n\nfunction Component() {\n const router = useRouter()\n\n useEffect(() => {\n router.preloadRoute({ to: '\u002Fposts\u002F$postId', params: { postId: '1' } })\n }, [router])\n\n return \u003Cdiv \u002F>\n}\n```\n\n### Navigation Blocking\n\nUse `useBlocker` to prevent navigation when a form has unsaved changes:\n\n```tsx\nimport { useBlocker } from '@tanstack\u002Freact-router'\nimport { useState } from 'react'\n\nfunction EditForm() {\n const [formIsDirty, setFormIsDirty] = useState(false)\n\n useBlocker({\n shouldBlockFn: () => {\n if (!formIsDirty) return false\n const shouldLeave = confirm('Are you sure you want to leave?')\n return !shouldLeave\n },\n })\n\n return \u003Cform>{\u002F* ... *\u002F}\u003C\u002Fform>\n}\n```\n\nWith custom UI using `withResolver`:\n\n```tsx\nimport { useBlocker } from '@tanstack\u002Freact-router'\nimport { useState } from 'react'\n\nfunction EditForm() {\n const [formIsDirty, setFormIsDirty] = useState(false)\n\n const { proceed, reset, status } = useBlocker({\n shouldBlockFn: () => formIsDirty,\n withResolver: true,\n })\n\n return (\n \u003C>\n \u003Cform>{\u002F* ... *\u002F}\u003C\u002Fform>\n {status === 'blocked' && (\n \u003Cdiv>\n \u003Cp>Are you sure you want to leave?\u003C\u002Fp>\n \u003Cbutton onClick={proceed}>Yes\u003C\u002Fbutton>\n \u003Cbutton onClick={reset}>No\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n )}\n \u003C\u002F>\n )\n}\n```\n\nControl `beforeunload` separately:\n\n```tsx\nuseBlocker({\n shouldBlockFn: () => formIsDirty,\n enableBeforeUnload: formIsDirty,\n})\n```\n\n### linkOptions for Reusable Navigation Options\n\n`linkOptions` provides eager type-checking on navigation options objects, so errors surface at definition, not at spread-site:\n\n```tsx\nimport {\n linkOptions,\n Link,\n useNavigate,\n redirect,\n} from '@tanstack\u002Freact-router'\n\nconst dashboardLinkOptions = linkOptions({\n to: '\u002Fdashboard',\n search: { search: '' },\n})\n\n\u002F\u002F Use anywhere: Link, navigate, redirect\nfunction Nav() {\n const navigate = useNavigate()\n\n return (\n \u003Cdiv>\n \u003CLink {...dashboardLinkOptions}>Dashboard\u003C\u002FLink>\n \u003Cbutton onClick={() => navigate(dashboardLinkOptions)}>Go\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n )\n}\n\n\u002F\u002F Also works in an array for navigation bars\nconst navOptions = linkOptions([\n { to: '\u002Fdashboard', label: 'Summary', activeOptions: { exact: true } },\n { to: '\u002Fdashboard\u002Finvoices', label: 'Invoices' },\n { to: '\u002Fdashboard\u002Fusers', label: 'Users' },\n])\n\nfunction NavBar() {\n return (\n \u003Cnav>\n {navOptions.map((option) => (\n \u003CLink\n {...option}\n key={option.to}\n activeProps={{ className: 'font-bold' }}\n >\n {option.label}\n \u003C\u002FLink>\n ))}\n \u003C\u002Fnav>\n )\n}\n```\n\n### createLink for Custom Components\n\nWraps any component with TanStack Router's type-safe navigation:\n\n```tsx\nimport * as React from 'react'\nimport { createLink, LinkComponent } from '@tanstack\u002Freact-router'\n\ninterface BasicLinkProps extends React.AnchorHTMLAttributes\u003CHTMLAnchorElement> {}\n\nconst BasicLinkComponent = React.forwardRef\u003CHTMLAnchorElement, BasicLinkProps>(\n (props, ref) => {\n return \u003Ca ref={ref} {...props} className=\"block px-3 py-2 text-blue-700\" \u002F>\n },\n)\n\nconst CreatedLinkComponent = createLink(BasicLinkComponent)\n\nexport const CustomLink: LinkComponent\u003Ctypeof BasicLinkComponent> = (props) => {\n return \u003CCreatedLinkComponent preload=\"intent\" {...props} \u002F>\n}\n```\n\nUsage retains full type safety:\n\n```tsx\n\u003CCustomLink to=\"\u002Fdashboard\u002Finvoices\u002F$invoiceId\" params={{ invoiceId: 0 }} \u002F>\n```\n\n### Scroll Restoration\n\nEnable globally on the router:\n\n```tsx\nconst router = createRouter({\n routeTree,\n scrollRestoration: true,\n})\n```\n\nFor nested scrollable areas:\n\n```tsx\nconst router = createRouter({\n routeTree,\n scrollRestoration: true,\n scrollToTopSelectors: ['#main-scrollable-area'],\n})\n```\n\nCustom cache keys:\n\n```tsx\nconst router = createRouter({\n routeTree,\n scrollRestoration: true,\n getScrollRestorationKey: (location) => location.pathname,\n})\n```\n\nPrevent scroll reset for a specific navigation:\n\n```tsx\n\u003CLink to=\"\u002Fposts\" resetScroll={false}>\n Posts\n\u003C\u002FLink>\n```\n\n### MatchRoute for Pending UI\n\n```tsx\nimport { Link, MatchRoute } from '@tanstack\u002Freact-router'\n\nfunction Nav() {\n return (\n \u003CLink to=\"\u002Fusers\">\n Users\n \u003CMatchRoute to=\"\u002Fusers\" pending>\n \u003CSpinner \u002F>\n \u003C\u002FMatchRoute>\n \u003C\u002FLink>\n )\n}\n```\n\n## Common Mistakes\n\n### CRITICAL: Interpolating params into the `to` string\n\n```tsx\n\u002F\u002F WRONG — breaks type safety and param encoding\n\u003CLink to={`\u002Fposts\u002F${postId}`}>Post\u003C\u002FLink>\n\n\u002F\u002F CORRECT — use the params option\n\u003CLink to=\"\u002Fposts\u002F$postId\" params={{ postId }}>Post\u003C\u002FLink>\n```\n\nDynamic segments are declared with `$` in the route path. Always pass them via `params`. This applies to `Link`, `useNavigate`, `Navigate`, and `router.navigate`.\n\n### MEDIUM: Using useNavigate for clickable elements\n\n```tsx\n\u002F\u002F WRONG — no href, no cmd+click, no preloading, no accessibility\nfunction BadNav() {\n const navigate = useNavigate()\n return \u003Cbutton onClick={() => navigate({ to: '\u002Fposts' })}>Posts\u003C\u002Fbutton>\n}\n\n\u002F\u002F CORRECT — real \u003Ca> tag with href, accessible, preloadable\nfunction GoodNav() {\n return \u003CLink to=\"\u002Fposts\">Posts\u003C\u002FLink>\n}\n```\n\nUse `useNavigate` only for programmatic side-effect navigation (after form submit, async action, etc).\n\n### HIGH: Not providing `from` for relative navigation\n\n```tsx\n\u002F\u002F WRONG — without from, \"..\" resolves from root\n\u003CLink to=\"..\">Back\u003C\u002FLink>\n\n\u002F\u002F CORRECT — provide from for relative resolution\n\u003CLink from={Route.fullPath} to=\"..\">Back\u003C\u002FLink>\n```\n\nWithout `from`, only absolute paths are autocompleted and type-safe. Relative paths like `..` resolve from root instead of the current route.\n\n### HIGH: Using search as object instead of function loses existing params\n\n```tsx\n\u002F\u002F WRONG — replaces ALL search params with just { page: 2 }\n\u003CLink to=\".\" search={{ page: 2 }}>Page 2\u003C\u002FLink>\n\n\u002F\u002F CORRECT — preserves existing search params, updates page\n\u003CLink to=\".\" search={(prev) => ({ ...prev, page: 2 })}>Page 2\u003C\u002FLink>\n```\n\nWhen you pass `search` as a plain object, it replaces all search params. Use the function form to spread previous params and selectively update.\n\n---\n\n## Cross-References\n\n- See also: **router-core\u002Fsearch-params\u002FSKILL.md** — Link `search` prop interacts with search param validation\n- See also: **router-core\u002Ftype-safety\u002FSKILL.md** — `from` narrowing improves type inference on Link\n",{"data":50,"body":63},{"name":4,"description":6,"metadata":51,"requires":54,"sources":56},{"type":52,"library":14,"library_version":53},"sub-skill","1.171.15",[55],"router-core",[57,58,59,60,61,62],"TanStack\u002Frouter:docs\u002Frouter\u002Fguide\u002Fnavigation.md","TanStack\u002Frouter:docs\u002Frouter\u002Fguide\u002Fpreloading.md","TanStack\u002Frouter:docs\u002Frouter\u002Fguide\u002Fnavigation-blocking.md","TanStack\u002Frouter:docs\u002Frouter\u002Fguide\u002Flink-options.md","TanStack\u002Frouter:docs\u002Frouter\u002Fguide\u002Fcustom-link.md","TanStack\u002Frouter:docs\u002Frouter\u002Fguide\u002Fscroll-restoration.md",{"type":64,"children":65},"root",[66,74,81,112,360,366,373,650,671,682,748,761,915,927,961,1408,1414,1433,2007,2019,2165,2176,2182,2211,2216,2373,2378,2516,2537,2542,2817,2823,2835,3205,3217,3777,3790,3871,3877,3888,4856,4862,4867,5350,5355,5421,5427,5432,5508,5513,5625,5630,5752,5757,5836,5842,6075,6081,6093,6252,6298,6304,6553,6564,6577,6734,6752,6758,6977,6989,6993,6999,7040],{"type":67,"tag":68,"props":69,"children":70},"element","h1",{"id":4},[71],{"type":72,"value":73},"text","Navigation",{"type":67,"tag":75,"props":76,"children":78},"h2",{"id":77},"setup",[79],{"type":72,"value":80},"Setup",{"type":67,"tag":82,"props":83,"children":84},"p",{},[85,87,94,96,102,104,110],{"type":72,"value":86},"Basic type-safe ",{"type":67,"tag":88,"props":89,"children":91},"code",{"className":90},[],[92],{"type":72,"value":93},"Link",{"type":72,"value":95}," with ",{"type":67,"tag":88,"props":97,"children":99},{"className":98},[],[100],{"type":72,"value":101},"to",{"type":72,"value":103}," and ",{"type":67,"tag":88,"props":105,"children":107},{"className":106},[],[108],{"type":72,"value":109},"params",{"type":72,"value":111},":",{"type":67,"tag":113,"props":114,"children":119},"pre",{"className":115,"code":116,"language":117,"meta":118,"style":118},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { Link } from '@tanstack\u002Freact-router'\n\nfunction PostLink({ postId }: { postId: string }) {\n return (\n \u003CLink to=\"\u002Fposts\u002F$postId\" params={{ postId }}>\n View Post\n \u003C\u002FLink>\n )\n}\n","tsx","",[120],{"type":67,"tag":88,"props":121,"children":122},{"__ignoreMap":118},[123,173,183,244,258,315,324,342,351],{"type":67,"tag":124,"props":125,"children":128},"span",{"class":126,"line":127},"line",1,[129,135,141,147,152,157,162,168],{"type":67,"tag":124,"props":130,"children":132},{"style":131},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[133],{"type":72,"value":134},"import",{"type":67,"tag":124,"props":136,"children":138},{"style":137},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[139],{"type":72,"value":140}," {",{"type":67,"tag":124,"props":142,"children":144},{"style":143},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[145],{"type":72,"value":146}," Link",{"type":67,"tag":124,"props":148,"children":149},{"style":137},[150],{"type":72,"value":151}," }",{"type":67,"tag":124,"props":153,"children":154},{"style":131},[155],{"type":72,"value":156}," from",{"type":67,"tag":124,"props":158,"children":159},{"style":137},[160],{"type":72,"value":161}," '",{"type":67,"tag":124,"props":163,"children":165},{"style":164},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[166],{"type":72,"value":167},"@tanstack\u002Freact-router",{"type":67,"tag":124,"props":169,"children":170},{"style":137},[171],{"type":72,"value":172},"'\n",{"type":67,"tag":124,"props":174,"children":176},{"class":126,"line":175},2,[177],{"type":67,"tag":124,"props":178,"children":180},{"emptyLinePlaceholder":179},true,[181],{"type":72,"value":182},"\n",{"type":67,"tag":124,"props":184,"children":186},{"class":126,"line":185},3,[187,193,199,204,210,215,219,224,228,234,239],{"type":67,"tag":124,"props":188,"children":190},{"style":189},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[191],{"type":72,"value":192},"function",{"type":67,"tag":124,"props":194,"children":196},{"style":195},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[197],{"type":72,"value":198}," PostLink",{"type":67,"tag":124,"props":200,"children":201},{"style":137},[202],{"type":72,"value":203},"({",{"type":67,"tag":124,"props":205,"children":207},{"style":206},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[208],{"type":72,"value":209}," postId",{"type":67,"tag":124,"props":211,"children":212},{"style":137},[213],{"type":72,"value":214}," }:",{"type":67,"tag":124,"props":216,"children":217},{"style":137},[218],{"type":72,"value":140},{"type":67,"tag":124,"props":220,"children":222},{"style":221},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[223],{"type":72,"value":209},{"type":67,"tag":124,"props":225,"children":226},{"style":137},[227],{"type":72,"value":111},{"type":67,"tag":124,"props":229,"children":231},{"style":230},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[232],{"type":72,"value":233}," string",{"type":67,"tag":124,"props":235,"children":236},{"style":137},[237],{"type":72,"value":238}," })",{"type":67,"tag":124,"props":240,"children":241},{"style":137},[242],{"type":72,"value":243}," {\n",{"type":67,"tag":124,"props":245,"children":247},{"class":126,"line":246},4,[248,253],{"type":67,"tag":124,"props":249,"children":250},{"style":131},[251],{"type":72,"value":252}," return",{"type":67,"tag":124,"props":254,"children":255},{"style":221},[256],{"type":72,"value":257}," (\n",{"type":67,"tag":124,"props":259,"children":261},{"class":126,"line":260},5,[262,267,271,276,281,286,291,295,300,305,310],{"type":67,"tag":124,"props":263,"children":264},{"style":137},[265],{"type":72,"value":266}," \u003C",{"type":67,"tag":124,"props":268,"children":269},{"style":230},[270],{"type":72,"value":93},{"type":67,"tag":124,"props":272,"children":273},{"style":189},[274],{"type":72,"value":275}," to",{"type":67,"tag":124,"props":277,"children":278},{"style":137},[279],{"type":72,"value":280},"=",{"type":67,"tag":124,"props":282,"children":283},{"style":137},[284],{"type":72,"value":285},"\"",{"type":67,"tag":124,"props":287,"children":288},{"style":164},[289],{"type":72,"value":290},"\u002Fposts\u002F$postId",{"type":67,"tag":124,"props":292,"children":293},{"style":137},[294],{"type":72,"value":285},{"type":67,"tag":124,"props":296,"children":297},{"style":189},[298],{"type":72,"value":299}," params",{"type":67,"tag":124,"props":301,"children":302},{"style":137},[303],{"type":72,"value":304},"={{",{"type":67,"tag":124,"props":306,"children":307},{"style":143},[308],{"type":72,"value":309}," postId ",{"type":67,"tag":124,"props":311,"children":312},{"style":137},[313],{"type":72,"value":314},"}}>\n",{"type":67,"tag":124,"props":316,"children":318},{"class":126,"line":317},6,[319],{"type":67,"tag":124,"props":320,"children":321},{"style":143},[322],{"type":72,"value":323}," View Post\n",{"type":67,"tag":124,"props":325,"children":327},{"class":126,"line":326},7,[328,333,337],{"type":67,"tag":124,"props":329,"children":330},{"style":137},[331],{"type":72,"value":332}," \u003C\u002F",{"type":67,"tag":124,"props":334,"children":335},{"style":230},[336],{"type":72,"value":93},{"type":67,"tag":124,"props":338,"children":339},{"style":137},[340],{"type":72,"value":341},">\n",{"type":67,"tag":124,"props":343,"children":345},{"class":126,"line":344},8,[346],{"type":67,"tag":124,"props":347,"children":348},{"style":221},[349],{"type":72,"value":350}," )\n",{"type":67,"tag":124,"props":352,"children":354},{"class":126,"line":353},9,[355],{"type":67,"tag":124,"props":356,"children":357},{"style":137},[358],{"type":72,"value":359},"}\n",{"type":67,"tag":75,"props":361,"children":363},{"id":362},"core-patterns",[364],{"type":72,"value":365},"Core Patterns",{"type":67,"tag":367,"props":368,"children":370},"h3",{"id":369},"link-with-active-states",[371],{"type":72,"value":372},"Link with Active States",{"type":67,"tag":113,"props":374,"children":376},{"className":115,"code":375,"language":117,"meta":118,"style":118},"import { Link } from '@tanstack\u002Freact-router'\n\nfunction NavLink() {\n return (\n \u003CLink\n to=\"\u002Fposts\"\n activeProps={{ className: 'font-bold' }}\n inactiveProps={{ className: 'text-gray-500' }}\n activeOptions={{ exact: true }}\n >\n Posts\n \u003C\u002FLink>\n )\n}\n",[377],{"type":67,"tag":88,"props":378,"children":379},{"__ignoreMap":118},[380,415,422,443,454,466,492,532,569,600,609,618,634,642],{"type":67,"tag":124,"props":381,"children":382},{"class":126,"line":127},[383,387,391,395,399,403,407,411],{"type":67,"tag":124,"props":384,"children":385},{"style":131},[386],{"type":72,"value":134},{"type":67,"tag":124,"props":388,"children":389},{"style":137},[390],{"type":72,"value":140},{"type":67,"tag":124,"props":392,"children":393},{"style":143},[394],{"type":72,"value":146},{"type":67,"tag":124,"props":396,"children":397},{"style":137},[398],{"type":72,"value":151},{"type":67,"tag":124,"props":400,"children":401},{"style":131},[402],{"type":72,"value":156},{"type":67,"tag":124,"props":404,"children":405},{"style":137},[406],{"type":72,"value":161},{"type":67,"tag":124,"props":408,"children":409},{"style":164},[410],{"type":72,"value":167},{"type":67,"tag":124,"props":412,"children":413},{"style":137},[414],{"type":72,"value":172},{"type":67,"tag":124,"props":416,"children":417},{"class":126,"line":175},[418],{"type":67,"tag":124,"props":419,"children":420},{"emptyLinePlaceholder":179},[421],{"type":72,"value":182},{"type":67,"tag":124,"props":423,"children":424},{"class":126,"line":185},[425,429,434,439],{"type":67,"tag":124,"props":426,"children":427},{"style":189},[428],{"type":72,"value":192},{"type":67,"tag":124,"props":430,"children":431},{"style":195},[432],{"type":72,"value":433}," NavLink",{"type":67,"tag":124,"props":435,"children":436},{"style":137},[437],{"type":72,"value":438},"()",{"type":67,"tag":124,"props":440,"children":441},{"style":137},[442],{"type":72,"value":243},{"type":67,"tag":124,"props":444,"children":445},{"class":126,"line":246},[446,450],{"type":67,"tag":124,"props":447,"children":448},{"style":131},[449],{"type":72,"value":252},{"type":67,"tag":124,"props":451,"children":452},{"style":221},[453],{"type":72,"value":257},{"type":67,"tag":124,"props":455,"children":456},{"class":126,"line":260},[457,461],{"type":67,"tag":124,"props":458,"children":459},{"style":137},[460],{"type":72,"value":266},{"type":67,"tag":124,"props":462,"children":463},{"style":230},[464],{"type":72,"value":465},"Link\n",{"type":67,"tag":124,"props":467,"children":468},{"class":126,"line":317},[469,474,478,482,487],{"type":67,"tag":124,"props":470,"children":471},{"style":189},[472],{"type":72,"value":473}," to",{"type":67,"tag":124,"props":475,"children":476},{"style":137},[477],{"type":72,"value":280},{"type":67,"tag":124,"props":479,"children":480},{"style":137},[481],{"type":72,"value":285},{"type":67,"tag":124,"props":483,"children":484},{"style":164},[485],{"type":72,"value":486},"\u002Fposts",{"type":67,"tag":124,"props":488,"children":489},{"style":137},[490],{"type":72,"value":491},"\"\n",{"type":67,"tag":124,"props":493,"children":494},{"class":126,"line":326},[495,500,504,509,513,517,522,527],{"type":67,"tag":124,"props":496,"children":497},{"style":189},[498],{"type":72,"value":499}," activeProps",{"type":67,"tag":124,"props":501,"children":502},{"style":137},[503],{"type":72,"value":304},{"type":67,"tag":124,"props":505,"children":506},{"style":221},[507],{"type":72,"value":508}," className",{"type":67,"tag":124,"props":510,"children":511},{"style":137},[512],{"type":72,"value":111},{"type":67,"tag":124,"props":514,"children":515},{"style":137},[516],{"type":72,"value":161},{"type":67,"tag":124,"props":518,"children":519},{"style":164},[520],{"type":72,"value":521},"font-bold",{"type":67,"tag":124,"props":523,"children":524},{"style":137},[525],{"type":72,"value":526},"'",{"type":67,"tag":124,"props":528,"children":529},{"style":137},[530],{"type":72,"value":531}," }}\n",{"type":67,"tag":124,"props":533,"children":534},{"class":126,"line":344},[535,540,544,548,552,556,561,565],{"type":67,"tag":124,"props":536,"children":537},{"style":189},[538],{"type":72,"value":539}," inactiveProps",{"type":67,"tag":124,"props":541,"children":542},{"style":137},[543],{"type":72,"value":304},{"type":67,"tag":124,"props":545,"children":546},{"style":221},[547],{"type":72,"value":508},{"type":67,"tag":124,"props":549,"children":550},{"style":137},[551],{"type":72,"value":111},{"type":67,"tag":124,"props":553,"children":554},{"style":137},[555],{"type":72,"value":161},{"type":67,"tag":124,"props":557,"children":558},{"style":164},[559],{"type":72,"value":560},"text-gray-500",{"type":67,"tag":124,"props":562,"children":563},{"style":137},[564],{"type":72,"value":526},{"type":67,"tag":124,"props":566,"children":567},{"style":137},[568],{"type":72,"value":531},{"type":67,"tag":124,"props":570,"children":571},{"class":126,"line":353},[572,577,581,586,590,596],{"type":67,"tag":124,"props":573,"children":574},{"style":189},[575],{"type":72,"value":576}," activeOptions",{"type":67,"tag":124,"props":578,"children":579},{"style":137},[580],{"type":72,"value":304},{"type":67,"tag":124,"props":582,"children":583},{"style":221},[584],{"type":72,"value":585}," exact",{"type":67,"tag":124,"props":587,"children":588},{"style":137},[589],{"type":72,"value":111},{"type":67,"tag":124,"props":591,"children":593},{"style":592},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[594],{"type":72,"value":595}," true",{"type":67,"tag":124,"props":597,"children":598},{"style":137},[599],{"type":72,"value":531},{"type":67,"tag":124,"props":601,"children":603},{"class":126,"line":602},10,[604],{"type":67,"tag":124,"props":605,"children":606},{"style":137},[607],{"type":72,"value":608}," >\n",{"type":67,"tag":124,"props":610,"children":612},{"class":126,"line":611},11,[613],{"type":67,"tag":124,"props":614,"children":615},{"style":143},[616],{"type":72,"value":617}," Posts\n",{"type":67,"tag":124,"props":619,"children":621},{"class":126,"line":620},12,[622,626,630],{"type":67,"tag":124,"props":623,"children":624},{"style":137},[625],{"type":72,"value":332},{"type":67,"tag":124,"props":627,"children":628},{"style":230},[629],{"type":72,"value":93},{"type":67,"tag":124,"props":631,"children":632},{"style":137},[633],{"type":72,"value":341},{"type":67,"tag":124,"props":635,"children":637},{"class":126,"line":636},13,[638],{"type":67,"tag":124,"props":639,"children":640},{"style":221},[641],{"type":72,"value":350},{"type":67,"tag":124,"props":643,"children":645},{"class":126,"line":644},14,[646],{"type":67,"tag":124,"props":647,"children":648},{"style":137},[649],{"type":72,"value":359},{"type":67,"tag":82,"props":651,"children":652},{},[653,655,661,663,669],{"type":72,"value":654},"The ",{"type":67,"tag":88,"props":656,"children":658},{"className":657},[],[659],{"type":72,"value":660},"data-status",{"type":72,"value":662}," attribute is also set to ",{"type":67,"tag":88,"props":664,"children":666},{"className":665},[],[667],{"type":72,"value":668},"\"active\"",{"type":72,"value":670}," on active links for CSS-based styling.",{"type":67,"tag":82,"props":672,"children":673},{},[674,680],{"type":67,"tag":88,"props":675,"children":677},{"className":676},[],[678],{"type":72,"value":679},"activeOptions",{"type":72,"value":681}," controls matching behavior:",{"type":67,"tag":683,"props":684,"children":685},"ul",{},[686,714,731],{"type":67,"tag":687,"props":688,"children":689},"li",{},[690,696,698,704,706,712],{"type":67,"tag":88,"props":691,"children":693},{"className":692},[],[694],{"type":72,"value":695},"exact",{"type":72,"value":697}," (default ",{"type":67,"tag":88,"props":699,"children":701},{"className":700},[],[702],{"type":72,"value":703},"false",{"type":72,"value":705},") — when ",{"type":67,"tag":88,"props":707,"children":709},{"className":708},[],[710],{"type":72,"value":711},"true",{"type":72,"value":713},", only matches the exact path (not children)",{"type":67,"tag":687,"props":715,"children":716},{},[717,723,724,729],{"type":67,"tag":88,"props":718,"children":720},{"className":719},[],[721],{"type":72,"value":722},"includeHash",{"type":72,"value":697},{"type":67,"tag":88,"props":725,"children":727},{"className":726},[],[728],{"type":72,"value":703},{"type":72,"value":730},") — include hash in active matching",{"type":67,"tag":687,"props":732,"children":733},{},[734,740,741,746],{"type":67,"tag":88,"props":735,"children":737},{"className":736},[],[738],{"type":72,"value":739},"includeSearch",{"type":72,"value":697},{"type":67,"tag":88,"props":742,"children":744},{"className":743},[],[745],{"type":72,"value":711},{"type":72,"value":747},") — include search params in active matching",{"type":67,"tag":82,"props":749,"children":750},{},[751,753,759],{"type":72,"value":752},"Children can receive ",{"type":67,"tag":88,"props":754,"children":756},{"className":755},[],[757],{"type":72,"value":758},"isActive",{"type":72,"value":760}," as a render function:",{"type":67,"tag":113,"props":762,"children":764},{"className":115,"code":763,"language":117,"meta":118,"style":118},"\u003CLink to=\"\u002Fposts\">\n {({ isActive }) => \u003Cspan className={isActive ? 'font-bold' : ''}>Posts\u003C\u002Fspan>}\n\u003C\u002FLink>\n",[765],{"type":67,"tag":88,"props":766,"children":767},{"__ignoreMap":118},[768,804,900],{"type":67,"tag":124,"props":769,"children":770},{"class":126,"line":127},[771,776,780,784,788,792,796,800],{"type":67,"tag":124,"props":772,"children":773},{"style":137},[774],{"type":72,"value":775},"\u003C",{"type":67,"tag":124,"props":777,"children":778},{"style":230},[779],{"type":72,"value":93},{"type":67,"tag":124,"props":781,"children":782},{"style":189},[783],{"type":72,"value":275},{"type":67,"tag":124,"props":785,"children":786},{"style":137},[787],{"type":72,"value":280},{"type":67,"tag":124,"props":789,"children":790},{"style":137},[791],{"type":72,"value":285},{"type":67,"tag":124,"props":793,"children":794},{"style":164},[795],{"type":72,"value":486},{"type":67,"tag":124,"props":797,"children":798},{"style":137},[799],{"type":72,"value":285},{"type":67,"tag":124,"props":801,"children":802},{"style":137},[803],{"type":72,"value":341},{"type":67,"tag":124,"props":805,"children":806},{"class":126,"line":175},[807,812,817,821,826,831,835,839,844,849,854,858,862,866,871,876,881,886,891,895],{"type":67,"tag":124,"props":808,"children":809},{"style":137},[810],{"type":72,"value":811}," {({",{"type":67,"tag":124,"props":813,"children":814},{"style":206},[815],{"type":72,"value":816}," isActive",{"type":67,"tag":124,"props":818,"children":819},{"style":137},[820],{"type":72,"value":238},{"type":67,"tag":124,"props":822,"children":823},{"style":189},[824],{"type":72,"value":825}," =>",{"type":67,"tag":124,"props":827,"children":828},{"style":137},[829],{"type":72,"value":830}," \u003C",{"type":67,"tag":124,"props":832,"children":833},{"style":221},[834],{"type":72,"value":124},{"type":67,"tag":124,"props":836,"children":837},{"style":189},[838],{"type":72,"value":508},{"type":67,"tag":124,"props":840,"children":841},{"style":137},[842],{"type":72,"value":843},"={",{"type":67,"tag":124,"props":845,"children":846},{"style":143},[847],{"type":72,"value":848},"isActive ",{"type":67,"tag":124,"props":850,"children":851},{"style":137},[852],{"type":72,"value":853},"?",{"type":67,"tag":124,"props":855,"children":856},{"style":137},[857],{"type":72,"value":161},{"type":67,"tag":124,"props":859,"children":860},{"style":164},[861],{"type":72,"value":521},{"type":67,"tag":124,"props":863,"children":864},{"style":137},[865],{"type":72,"value":526},{"type":67,"tag":124,"props":867,"children":868},{"style":137},[869],{"type":72,"value":870}," :",{"type":67,"tag":124,"props":872,"children":873},{"style":137},[874],{"type":72,"value":875}," ''",{"type":67,"tag":124,"props":877,"children":878},{"style":137},[879],{"type":72,"value":880},"}>",{"type":67,"tag":124,"props":882,"children":883},{"style":143},[884],{"type":72,"value":885},"Posts",{"type":67,"tag":124,"props":887,"children":888},{"style":137},[889],{"type":72,"value":890},"\u003C\u002F",{"type":67,"tag":124,"props":892,"children":893},{"style":221},[894],{"type":72,"value":124},{"type":67,"tag":124,"props":896,"children":897},{"style":137},[898],{"type":72,"value":899},">}\n",{"type":67,"tag":124,"props":901,"children":902},{"class":126,"line":185},[903,907,911],{"type":67,"tag":124,"props":904,"children":905},{"style":137},[906],{"type":72,"value":890},{"type":67,"tag":124,"props":908,"children":909},{"style":230},[910],{"type":72,"value":93},{"type":67,"tag":124,"props":912,"children":913},{"style":137},[914],{"type":72,"value":341},{"type":67,"tag":367,"props":916,"children":918},{"id":917},"relative-navigation-with-from",[919,921],{"type":72,"value":920},"Relative Navigation with ",{"type":67,"tag":88,"props":922,"children":924},{"className":923},[],[925],{"type":72,"value":926},"from",{"type":67,"tag":82,"props":928,"children":929},{},[930,932,937,939,945,947,953,955,960],{"type":72,"value":931},"Without ",{"type":67,"tag":88,"props":933,"children":935},{"className":934},[],[936],{"type":72,"value":926},{"type":72,"value":938},", navigation resolves from root ",{"type":67,"tag":88,"props":940,"children":942},{"className":941},[],[943],{"type":72,"value":944},"\u002F",{"type":72,"value":946},". To use relative paths like ",{"type":67,"tag":88,"props":948,"children":950},{"className":949},[],[951],{"type":72,"value":952},"..",{"type":72,"value":954},", provide ",{"type":67,"tag":88,"props":956,"children":958},{"className":957},[],[959],{"type":72,"value":926},{"type":72,"value":111},{"type":67,"tag":113,"props":962,"children":964},{"className":115,"code":963,"language":117,"meta":118,"style":118},"import { createFileRoute, Link } from '@tanstack\u002Freact-router'\n\nexport const Route = createFileRoute('\u002Fposts\u002F$postId')({\n component: PostComponent,\n})\n\nfunction PostComponent() {\n return (\n \u003Cdiv>\n {\u002F* Relative to current route *\u002F}\n \u003CLink from={Route.fullPath} to=\"..\">\n Back to Posts\n \u003C\u002FLink>\n\n {\u002F* \".\" reloads the current route *\u002F}\n \u003CLink from={Route.fullPath} to=\".\">\n Reload\n \u003C\u002FLink>\n \u003C\u002Fdiv>\n )\n}\n",[965],{"type":67,"tag":88,"props":966,"children":967},{"__ignoreMap":118},[968,1013,1020,1073,1095,1108,1115,1134,1145,1161,1179,1243,1251,1267,1274,1291,1351,1360,1376,1392,1400],{"type":67,"tag":124,"props":969,"children":970},{"class":126,"line":127},[971,975,979,984,989,993,997,1001,1005,1009],{"type":67,"tag":124,"props":972,"children":973},{"style":131},[974],{"type":72,"value":134},{"type":67,"tag":124,"props":976,"children":977},{"style":137},[978],{"type":72,"value":140},{"type":67,"tag":124,"props":980,"children":981},{"style":143},[982],{"type":72,"value":983}," createFileRoute",{"type":67,"tag":124,"props":985,"children":986},{"style":137},[987],{"type":72,"value":988},",",{"type":67,"tag":124,"props":990,"children":991},{"style":143},[992],{"type":72,"value":146},{"type":67,"tag":124,"props":994,"children":995},{"style":137},[996],{"type":72,"value":151},{"type":67,"tag":124,"props":998,"children":999},{"style":131},[1000],{"type":72,"value":156},{"type":67,"tag":124,"props":1002,"children":1003},{"style":137},[1004],{"type":72,"value":161},{"type":67,"tag":124,"props":1006,"children":1007},{"style":164},[1008],{"type":72,"value":167},{"type":67,"tag":124,"props":1010,"children":1011},{"style":137},[1012],{"type":72,"value":172},{"type":67,"tag":124,"props":1014,"children":1015},{"class":126,"line":175},[1016],{"type":67,"tag":124,"props":1017,"children":1018},{"emptyLinePlaceholder":179},[1019],{"type":72,"value":182},{"type":67,"tag":124,"props":1021,"children":1022},{"class":126,"line":185},[1023,1028,1033,1038,1042,1046,1051,1055,1059,1063,1068],{"type":67,"tag":124,"props":1024,"children":1025},{"style":131},[1026],{"type":72,"value":1027},"export",{"type":67,"tag":124,"props":1029,"children":1030},{"style":189},[1031],{"type":72,"value":1032}," const",{"type":67,"tag":124,"props":1034,"children":1035},{"style":143},[1036],{"type":72,"value":1037}," Route ",{"type":67,"tag":124,"props":1039,"children":1040},{"style":137},[1041],{"type":72,"value":280},{"type":67,"tag":124,"props":1043,"children":1044},{"style":195},[1045],{"type":72,"value":983},{"type":67,"tag":124,"props":1047,"children":1048},{"style":143},[1049],{"type":72,"value":1050},"(",{"type":67,"tag":124,"props":1052,"children":1053},{"style":137},[1054],{"type":72,"value":526},{"type":67,"tag":124,"props":1056,"children":1057},{"style":164},[1058],{"type":72,"value":290},{"type":67,"tag":124,"props":1060,"children":1061},{"style":137},[1062],{"type":72,"value":526},{"type":67,"tag":124,"props":1064,"children":1065},{"style":143},[1066],{"type":72,"value":1067},")(",{"type":67,"tag":124,"props":1069,"children":1070},{"style":137},[1071],{"type":72,"value":1072},"{\n",{"type":67,"tag":124,"props":1074,"children":1075},{"class":126,"line":246},[1076,1081,1085,1090],{"type":67,"tag":124,"props":1077,"children":1078},{"style":221},[1079],{"type":72,"value":1080}," component",{"type":67,"tag":124,"props":1082,"children":1083},{"style":137},[1084],{"type":72,"value":111},{"type":67,"tag":124,"props":1086,"children":1087},{"style":143},[1088],{"type":72,"value":1089}," PostComponent",{"type":67,"tag":124,"props":1091,"children":1092},{"style":137},[1093],{"type":72,"value":1094},",\n",{"type":67,"tag":124,"props":1096,"children":1097},{"class":126,"line":260},[1098,1103],{"type":67,"tag":124,"props":1099,"children":1100},{"style":137},[1101],{"type":72,"value":1102},"}",{"type":67,"tag":124,"props":1104,"children":1105},{"style":143},[1106],{"type":72,"value":1107},")\n",{"type":67,"tag":124,"props":1109,"children":1110},{"class":126,"line":317},[1111],{"type":67,"tag":124,"props":1112,"children":1113},{"emptyLinePlaceholder":179},[1114],{"type":72,"value":182},{"type":67,"tag":124,"props":1116,"children":1117},{"class":126,"line":326},[1118,1122,1126,1130],{"type":67,"tag":124,"props":1119,"children":1120},{"style":189},[1121],{"type":72,"value":192},{"type":67,"tag":124,"props":1123,"children":1124},{"style":195},[1125],{"type":72,"value":1089},{"type":67,"tag":124,"props":1127,"children":1128},{"style":137},[1129],{"type":72,"value":438},{"type":67,"tag":124,"props":1131,"children":1132},{"style":137},[1133],{"type":72,"value":243},{"type":67,"tag":124,"props":1135,"children":1136},{"class":126,"line":344},[1137,1141],{"type":67,"tag":124,"props":1138,"children":1139},{"style":131},[1140],{"type":72,"value":252},{"type":67,"tag":124,"props":1142,"children":1143},{"style":221},[1144],{"type":72,"value":257},{"type":67,"tag":124,"props":1146,"children":1147},{"class":126,"line":353},[1148,1152,1157],{"type":67,"tag":124,"props":1149,"children":1150},{"style":137},[1151],{"type":72,"value":266},{"type":67,"tag":124,"props":1153,"children":1154},{"style":221},[1155],{"type":72,"value":1156},"div",{"type":67,"tag":124,"props":1158,"children":1159},{"style":137},[1160],{"type":72,"value":341},{"type":67,"tag":124,"props":1162,"children":1163},{"class":126,"line":602},[1164,1169,1175],{"type":67,"tag":124,"props":1165,"children":1166},{"style":137},[1167],{"type":72,"value":1168}," {",{"type":67,"tag":124,"props":1170,"children":1172},{"style":1171},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1173],{"type":72,"value":1174},"\u002F* Relative to current route *\u002F",{"type":67,"tag":124,"props":1176,"children":1177},{"style":137},[1178],{"type":72,"value":359},{"type":67,"tag":124,"props":1180,"children":1181},{"class":126,"line":611},[1182,1187,1191,1195,1199,1204,1209,1214,1219,1223,1227,1231,1235,1239],{"type":67,"tag":124,"props":1183,"children":1184},{"style":137},[1185],{"type":72,"value":1186}," \u003C",{"type":67,"tag":124,"props":1188,"children":1189},{"style":230},[1190],{"type":72,"value":93},{"type":67,"tag":124,"props":1192,"children":1193},{"style":189},[1194],{"type":72,"value":156},{"type":67,"tag":124,"props":1196,"children":1197},{"style":137},[1198],{"type":72,"value":843},{"type":67,"tag":124,"props":1200,"children":1201},{"style":143},[1202],{"type":72,"value":1203},"Route",{"type":67,"tag":124,"props":1205,"children":1206},{"style":137},[1207],{"type":72,"value":1208},".",{"type":67,"tag":124,"props":1210,"children":1211},{"style":143},[1212],{"type":72,"value":1213},"fullPath",{"type":67,"tag":124,"props":1215,"children":1216},{"style":137},[1217],{"type":72,"value":1218},"} ",{"type":67,"tag":124,"props":1220,"children":1221},{"style":189},[1222],{"type":72,"value":101},{"type":67,"tag":124,"props":1224,"children":1225},{"style":137},[1226],{"type":72,"value":280},{"type":67,"tag":124,"props":1228,"children":1229},{"style":137},[1230],{"type":72,"value":285},{"type":67,"tag":124,"props":1232,"children":1233},{"style":164},[1234],{"type":72,"value":952},{"type":67,"tag":124,"props":1236,"children":1237},{"style":137},[1238],{"type":72,"value":285},{"type":67,"tag":124,"props":1240,"children":1241},{"style":137},[1242],{"type":72,"value":341},{"type":67,"tag":124,"props":1244,"children":1245},{"class":126,"line":620},[1246],{"type":67,"tag":124,"props":1247,"children":1248},{"style":143},[1249],{"type":72,"value":1250}," Back to Posts\n",{"type":67,"tag":124,"props":1252,"children":1253},{"class":126,"line":636},[1254,1259,1263],{"type":67,"tag":124,"props":1255,"children":1256},{"style":137},[1257],{"type":72,"value":1258}," \u003C\u002F",{"type":67,"tag":124,"props":1260,"children":1261},{"style":230},[1262],{"type":72,"value":93},{"type":67,"tag":124,"props":1264,"children":1265},{"style":137},[1266],{"type":72,"value":341},{"type":67,"tag":124,"props":1268,"children":1269},{"class":126,"line":644},[1270],{"type":67,"tag":124,"props":1271,"children":1272},{"emptyLinePlaceholder":179},[1273],{"type":72,"value":182},{"type":67,"tag":124,"props":1275,"children":1277},{"class":126,"line":1276},15,[1278,1282,1287],{"type":67,"tag":124,"props":1279,"children":1280},{"style":137},[1281],{"type":72,"value":1168},{"type":67,"tag":124,"props":1283,"children":1284},{"style":1171},[1285],{"type":72,"value":1286},"\u002F* \".\" reloads the current route *\u002F",{"type":67,"tag":124,"props":1288,"children":1289},{"style":137},[1290],{"type":72,"value":359},{"type":67,"tag":124,"props":1292,"children":1294},{"class":126,"line":1293},16,[1295,1299,1303,1307,1311,1315,1319,1323,1327,1331,1335,1339,1343,1347],{"type":67,"tag":124,"props":1296,"children":1297},{"style":137},[1298],{"type":72,"value":1186},{"type":67,"tag":124,"props":1300,"children":1301},{"style":230},[1302],{"type":72,"value":93},{"type":67,"tag":124,"props":1304,"children":1305},{"style":189},[1306],{"type":72,"value":156},{"type":67,"tag":124,"props":1308,"children":1309},{"style":137},[1310],{"type":72,"value":843},{"type":67,"tag":124,"props":1312,"children":1313},{"style":143},[1314],{"type":72,"value":1203},{"type":67,"tag":124,"props":1316,"children":1317},{"style":137},[1318],{"type":72,"value":1208},{"type":67,"tag":124,"props":1320,"children":1321},{"style":143},[1322],{"type":72,"value":1213},{"type":67,"tag":124,"props":1324,"children":1325},{"style":137},[1326],{"type":72,"value":1218},{"type":67,"tag":124,"props":1328,"children":1329},{"style":189},[1330],{"type":72,"value":101},{"type":67,"tag":124,"props":1332,"children":1333},{"style":137},[1334],{"type":72,"value":280},{"type":67,"tag":124,"props":1336,"children":1337},{"style":137},[1338],{"type":72,"value":285},{"type":67,"tag":124,"props":1340,"children":1341},{"style":164},[1342],{"type":72,"value":1208},{"type":67,"tag":124,"props":1344,"children":1345},{"style":137},[1346],{"type":72,"value":285},{"type":67,"tag":124,"props":1348,"children":1349},{"style":137},[1350],{"type":72,"value":341},{"type":67,"tag":124,"props":1352,"children":1354},{"class":126,"line":1353},17,[1355],{"type":67,"tag":124,"props":1356,"children":1357},{"style":143},[1358],{"type":72,"value":1359}," Reload\n",{"type":67,"tag":124,"props":1361,"children":1363},{"class":126,"line":1362},18,[1364,1368,1372],{"type":67,"tag":124,"props":1365,"children":1366},{"style":137},[1367],{"type":72,"value":1258},{"type":67,"tag":124,"props":1369,"children":1370},{"style":230},[1371],{"type":72,"value":93},{"type":67,"tag":124,"props":1373,"children":1374},{"style":137},[1375],{"type":72,"value":341},{"type":67,"tag":124,"props":1377,"children":1379},{"class":126,"line":1378},19,[1380,1384,1388],{"type":67,"tag":124,"props":1381,"children":1382},{"style":137},[1383],{"type":72,"value":332},{"type":67,"tag":124,"props":1385,"children":1386},{"style":221},[1387],{"type":72,"value":1156},{"type":67,"tag":124,"props":1389,"children":1390},{"style":137},[1391],{"type":72,"value":341},{"type":67,"tag":124,"props":1393,"children":1395},{"class":126,"line":1394},20,[1396],{"type":67,"tag":124,"props":1397,"children":1398},{"style":221},[1399],{"type":72,"value":350},{"type":67,"tag":124,"props":1401,"children":1403},{"class":126,"line":1402},21,[1404],{"type":67,"tag":124,"props":1405,"children":1406},{"style":137},[1407],{"type":72,"value":359},{"type":67,"tag":367,"props":1409,"children":1411},{"id":1410},"usenavigate-for-programmatic-navigation",[1412],{"type":72,"value":1413},"useNavigate for Programmatic Navigation",{"type":67,"tag":82,"props":1415,"children":1416},{},[1417,1419,1425,1427,1432],{"type":72,"value":1418},"Use ",{"type":67,"tag":88,"props":1420,"children":1422},{"className":1421},[],[1423],{"type":72,"value":1424},"useNavigate",{"type":72,"value":1426}," only for side-effect-driven navigation (e.g., after a form submission). For anything the user clicks, prefer ",{"type":67,"tag":88,"props":1428,"children":1430},{"className":1429},[],[1431],{"type":72,"value":93},{"type":72,"value":1208},{"type":67,"tag":113,"props":1434,"children":1436},{"className":115,"code":1435,"language":117,"meta":118,"style":118},"import { useNavigate } from '@tanstack\u002Freact-router'\n\nfunction CreatePostForm() {\n const navigate = useNavigate({ from: '\u002Fposts' })\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault()\n const response = await fetch('\u002Fapi\u002Fposts', { method: 'POST', body: '...' })\n const { id: postId } = await response.json()\n\n if (response.ok) {\n navigate({ to: '\u002Fposts\u002F$postId', params: { postId } })\n }\n }\n\n return \u003Cform onSubmit={handleSubmit}>{\u002F* ... *\u002F}\u003C\u002Fform>\n}\n",[1437],{"type":67,"tag":88,"props":1438,"children":1439},{"__ignoreMap":118},[1440,1476,1483,1503,1562,1569,1631,1653,1761,1814,1821,1856,1924,1932,1940,1947,2000],{"type":67,"tag":124,"props":1441,"children":1442},{"class":126,"line":127},[1443,1447,1451,1456,1460,1464,1468,1472],{"type":67,"tag":124,"props":1444,"children":1445},{"style":131},[1446],{"type":72,"value":134},{"type":67,"tag":124,"props":1448,"children":1449},{"style":137},[1450],{"type":72,"value":140},{"type":67,"tag":124,"props":1452,"children":1453},{"style":143},[1454],{"type":72,"value":1455}," useNavigate",{"type":67,"tag":124,"props":1457,"children":1458},{"style":137},[1459],{"type":72,"value":151},{"type":67,"tag":124,"props":1461,"children":1462},{"style":131},[1463],{"type":72,"value":156},{"type":67,"tag":124,"props":1465,"children":1466},{"style":137},[1467],{"type":72,"value":161},{"type":67,"tag":124,"props":1469,"children":1470},{"style":164},[1471],{"type":72,"value":167},{"type":67,"tag":124,"props":1473,"children":1474},{"style":137},[1475],{"type":72,"value":172},{"type":67,"tag":124,"props":1477,"children":1478},{"class":126,"line":175},[1479],{"type":67,"tag":124,"props":1480,"children":1481},{"emptyLinePlaceholder":179},[1482],{"type":72,"value":182},{"type":67,"tag":124,"props":1484,"children":1485},{"class":126,"line":185},[1486,1490,1495,1499],{"type":67,"tag":124,"props":1487,"children":1488},{"style":189},[1489],{"type":72,"value":192},{"type":67,"tag":124,"props":1491,"children":1492},{"style":195},[1493],{"type":72,"value":1494}," CreatePostForm",{"type":67,"tag":124,"props":1496,"children":1497},{"style":137},[1498],{"type":72,"value":438},{"type":67,"tag":124,"props":1500,"children":1501},{"style":137},[1502],{"type":72,"value":243},{"type":67,"tag":124,"props":1504,"children":1505},{"class":126,"line":246},[1506,1511,1516,1521,1525,1529,1534,1538,1542,1546,1550,1554,1558],{"type":67,"tag":124,"props":1507,"children":1508},{"style":189},[1509],{"type":72,"value":1510}," const",{"type":67,"tag":124,"props":1512,"children":1513},{"style":143},[1514],{"type":72,"value":1515}," navigate",{"type":67,"tag":124,"props":1517,"children":1518},{"style":137},[1519],{"type":72,"value":1520}," =",{"type":67,"tag":124,"props":1522,"children":1523},{"style":195},[1524],{"type":72,"value":1455},{"type":67,"tag":124,"props":1526,"children":1527},{"style":221},[1528],{"type":72,"value":1050},{"type":67,"tag":124,"props":1530,"children":1531},{"style":137},[1532],{"type":72,"value":1533},"{",{"type":67,"tag":124,"props":1535,"children":1536},{"style":221},[1537],{"type":72,"value":156},{"type":67,"tag":124,"props":1539,"children":1540},{"style":137},[1541],{"type":72,"value":111},{"type":67,"tag":124,"props":1543,"children":1544},{"style":137},[1545],{"type":72,"value":161},{"type":67,"tag":124,"props":1547,"children":1548},{"style":164},[1549],{"type":72,"value":486},{"type":67,"tag":124,"props":1551,"children":1552},{"style":137},[1553],{"type":72,"value":526},{"type":67,"tag":124,"props":1555,"children":1556},{"style":137},[1557],{"type":72,"value":151},{"type":67,"tag":124,"props":1559,"children":1560},{"style":221},[1561],{"type":72,"value":1107},{"type":67,"tag":124,"props":1563,"children":1564},{"class":126,"line":260},[1565],{"type":67,"tag":124,"props":1566,"children":1567},{"emptyLinePlaceholder":179},[1568],{"type":72,"value":182},{"type":67,"tag":124,"props":1570,"children":1571},{"class":126,"line":317},[1572,1576,1581,1585,1590,1595,1600,1604,1609,1613,1618,1623,1627],{"type":67,"tag":124,"props":1573,"children":1574},{"style":189},[1575],{"type":72,"value":1510},{"type":67,"tag":124,"props":1577,"children":1578},{"style":143},[1579],{"type":72,"value":1580}," handleSubmit",{"type":67,"tag":124,"props":1582,"children":1583},{"style":137},[1584],{"type":72,"value":1520},{"type":67,"tag":124,"props":1586,"children":1587},{"style":189},[1588],{"type":72,"value":1589}," async",{"type":67,"tag":124,"props":1591,"children":1592},{"style":137},[1593],{"type":72,"value":1594}," (",{"type":67,"tag":124,"props":1596,"children":1597},{"style":206},[1598],{"type":72,"value":1599},"e",{"type":67,"tag":124,"props":1601,"children":1602},{"style":137},[1603],{"type":72,"value":111},{"type":67,"tag":124,"props":1605,"children":1606},{"style":230},[1607],{"type":72,"value":1608}," React",{"type":67,"tag":124,"props":1610,"children":1611},{"style":137},[1612],{"type":72,"value":1208},{"type":67,"tag":124,"props":1614,"children":1615},{"style":230},[1616],{"type":72,"value":1617},"FormEvent",{"type":67,"tag":124,"props":1619,"children":1620},{"style":137},[1621],{"type":72,"value":1622},")",{"type":67,"tag":124,"props":1624,"children":1625},{"style":189},[1626],{"type":72,"value":825},{"type":67,"tag":124,"props":1628,"children":1629},{"style":137},[1630],{"type":72,"value":243},{"type":67,"tag":124,"props":1632,"children":1633},{"class":126,"line":326},[1634,1639,1643,1648],{"type":67,"tag":124,"props":1635,"children":1636},{"style":143},[1637],{"type":72,"value":1638}," e",{"type":67,"tag":124,"props":1640,"children":1641},{"style":137},[1642],{"type":72,"value":1208},{"type":67,"tag":124,"props":1644,"children":1645},{"style":195},[1646],{"type":72,"value":1647},"preventDefault",{"type":67,"tag":124,"props":1649,"children":1650},{"style":221},[1651],{"type":72,"value":1652},"()\n",{"type":67,"tag":124,"props":1654,"children":1655},{"class":126,"line":344},[1656,1661,1666,1670,1675,1680,1684,1688,1693,1697,1701,1705,1710,1714,1718,1723,1727,1731,1736,1740,1744,1749,1753,1757],{"type":67,"tag":124,"props":1657,"children":1658},{"style":189},[1659],{"type":72,"value":1660}," const",{"type":67,"tag":124,"props":1662,"children":1663},{"style":143},[1664],{"type":72,"value":1665}," response",{"type":67,"tag":124,"props":1667,"children":1668},{"style":137},[1669],{"type":72,"value":1520},{"type":67,"tag":124,"props":1671,"children":1672},{"style":131},[1673],{"type":72,"value":1674}," await",{"type":67,"tag":124,"props":1676,"children":1677},{"style":195},[1678],{"type":72,"value":1679}," fetch",{"type":67,"tag":124,"props":1681,"children":1682},{"style":221},[1683],{"type":72,"value":1050},{"type":67,"tag":124,"props":1685,"children":1686},{"style":137},[1687],{"type":72,"value":526},{"type":67,"tag":124,"props":1689,"children":1690},{"style":164},[1691],{"type":72,"value":1692},"\u002Fapi\u002Fposts",{"type":67,"tag":124,"props":1694,"children":1695},{"style":137},[1696],{"type":72,"value":526},{"type":67,"tag":124,"props":1698,"children":1699},{"style":137},[1700],{"type":72,"value":988},{"type":67,"tag":124,"props":1702,"children":1703},{"style":137},[1704],{"type":72,"value":140},{"type":67,"tag":124,"props":1706,"children":1707},{"style":221},[1708],{"type":72,"value":1709}," method",{"type":67,"tag":124,"props":1711,"children":1712},{"style":137},[1713],{"type":72,"value":111},{"type":67,"tag":124,"props":1715,"children":1716},{"style":137},[1717],{"type":72,"value":161},{"type":67,"tag":124,"props":1719,"children":1720},{"style":164},[1721],{"type":72,"value":1722},"POST",{"type":67,"tag":124,"props":1724,"children":1725},{"style":137},[1726],{"type":72,"value":526},{"type":67,"tag":124,"props":1728,"children":1729},{"style":137},[1730],{"type":72,"value":988},{"type":67,"tag":124,"props":1732,"children":1733},{"style":221},[1734],{"type":72,"value":1735}," body",{"type":67,"tag":124,"props":1737,"children":1738},{"style":137},[1739],{"type":72,"value":111},{"type":67,"tag":124,"props":1741,"children":1742},{"style":137},[1743],{"type":72,"value":161},{"type":67,"tag":124,"props":1745,"children":1746},{"style":164},[1747],{"type":72,"value":1748},"...",{"type":67,"tag":124,"props":1750,"children":1751},{"style":137},[1752],{"type":72,"value":526},{"type":67,"tag":124,"props":1754,"children":1755},{"style":137},[1756],{"type":72,"value":151},{"type":67,"tag":124,"props":1758,"children":1759},{"style":221},[1760],{"type":72,"value":1107},{"type":67,"tag":124,"props":1762,"children":1763},{"class":126,"line":353},[1764,1768,1772,1777,1781,1785,1789,1793,1797,1801,1805,1810],{"type":67,"tag":124,"props":1765,"children":1766},{"style":189},[1767],{"type":72,"value":1660},{"type":67,"tag":124,"props":1769,"children":1770},{"style":137},[1771],{"type":72,"value":140},{"type":67,"tag":124,"props":1773,"children":1774},{"style":221},[1775],{"type":72,"value":1776}," id",{"type":67,"tag":124,"props":1778,"children":1779},{"style":137},[1780],{"type":72,"value":111},{"type":67,"tag":124,"props":1782,"children":1783},{"style":143},[1784],{"type":72,"value":209},{"type":67,"tag":124,"props":1786,"children":1787},{"style":137},[1788],{"type":72,"value":151},{"type":67,"tag":124,"props":1790,"children":1791},{"style":137},[1792],{"type":72,"value":1520},{"type":67,"tag":124,"props":1794,"children":1795},{"style":131},[1796],{"type":72,"value":1674},{"type":67,"tag":124,"props":1798,"children":1799},{"style":143},[1800],{"type":72,"value":1665},{"type":67,"tag":124,"props":1802,"children":1803},{"style":137},[1804],{"type":72,"value":1208},{"type":67,"tag":124,"props":1806,"children":1807},{"style":195},[1808],{"type":72,"value":1809},"json",{"type":67,"tag":124,"props":1811,"children":1812},{"style":221},[1813],{"type":72,"value":1652},{"type":67,"tag":124,"props":1815,"children":1816},{"class":126,"line":602},[1817],{"type":67,"tag":124,"props":1818,"children":1819},{"emptyLinePlaceholder":179},[1820],{"type":72,"value":182},{"type":67,"tag":124,"props":1822,"children":1823},{"class":126,"line":611},[1824,1829,1833,1838,1842,1847,1852],{"type":67,"tag":124,"props":1825,"children":1826},{"style":131},[1827],{"type":72,"value":1828}," if",{"type":67,"tag":124,"props":1830,"children":1831},{"style":221},[1832],{"type":72,"value":1594},{"type":67,"tag":124,"props":1834,"children":1835},{"style":143},[1836],{"type":72,"value":1837},"response",{"type":67,"tag":124,"props":1839,"children":1840},{"style":137},[1841],{"type":72,"value":1208},{"type":67,"tag":124,"props":1843,"children":1844},{"style":143},[1845],{"type":72,"value":1846},"ok",{"type":67,"tag":124,"props":1848,"children":1849},{"style":221},[1850],{"type":72,"value":1851},") ",{"type":67,"tag":124,"props":1853,"children":1854},{"style":137},[1855],{"type":72,"value":1072},{"type":67,"tag":124,"props":1857,"children":1858},{"class":126,"line":620},[1859,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908,1912,1916,1920],{"type":67,"tag":124,"props":1860,"children":1861},{"style":195},[1862],{"type":72,"value":1863}," navigate",{"type":67,"tag":124,"props":1865,"children":1866},{"style":221},[1867],{"type":72,"value":1050},{"type":67,"tag":124,"props":1869,"children":1870},{"style":137},[1871],{"type":72,"value":1533},{"type":67,"tag":124,"props":1873,"children":1874},{"style":221},[1875],{"type":72,"value":275},{"type":67,"tag":124,"props":1877,"children":1878},{"style":137},[1879],{"type":72,"value":111},{"type":67,"tag":124,"props":1881,"children":1882},{"style":137},[1883],{"type":72,"value":161},{"type":67,"tag":124,"props":1885,"children":1886},{"style":164},[1887],{"type":72,"value":290},{"type":67,"tag":124,"props":1889,"children":1890},{"style":137},[1891],{"type":72,"value":526},{"type":67,"tag":124,"props":1893,"children":1894},{"style":137},[1895],{"type":72,"value":988},{"type":67,"tag":124,"props":1897,"children":1898},{"style":221},[1899],{"type":72,"value":299},{"type":67,"tag":124,"props":1901,"children":1902},{"style":137},[1903],{"type":72,"value":111},{"type":67,"tag":124,"props":1905,"children":1906},{"style":137},[1907],{"type":72,"value":140},{"type":67,"tag":124,"props":1909,"children":1910},{"style":143},[1911],{"type":72,"value":209},{"type":67,"tag":124,"props":1913,"children":1914},{"style":137},[1915],{"type":72,"value":151},{"type":67,"tag":124,"props":1917,"children":1918},{"style":137},[1919],{"type":72,"value":151},{"type":67,"tag":124,"props":1921,"children":1922},{"style":221},[1923],{"type":72,"value":1107},{"type":67,"tag":124,"props":1925,"children":1926},{"class":126,"line":636},[1927],{"type":67,"tag":124,"props":1928,"children":1929},{"style":137},[1930],{"type":72,"value":1931}," }\n",{"type":67,"tag":124,"props":1933,"children":1934},{"class":126,"line":644},[1935],{"type":67,"tag":124,"props":1936,"children":1937},{"style":137},[1938],{"type":72,"value":1939}," }\n",{"type":67,"tag":124,"props":1941,"children":1942},{"class":126,"line":1276},[1943],{"type":67,"tag":124,"props":1944,"children":1945},{"emptyLinePlaceholder":179},[1946],{"type":72,"value":182},{"type":67,"tag":124,"props":1948,"children":1949},{"class":126,"line":1293},[1950,1954,1958,1963,1968,1972,1977,1982,1987,1992,1996],{"type":67,"tag":124,"props":1951,"children":1952},{"style":131},[1953],{"type":72,"value":252},{"type":67,"tag":124,"props":1955,"children":1956},{"style":137},[1957],{"type":72,"value":830},{"type":67,"tag":124,"props":1959,"children":1960},{"style":221},[1961],{"type":72,"value":1962},"form",{"type":67,"tag":124,"props":1964,"children":1965},{"style":189},[1966],{"type":72,"value":1967}," onSubmit",{"type":67,"tag":124,"props":1969,"children":1970},{"style":137},[1971],{"type":72,"value":843},{"type":67,"tag":124,"props":1973,"children":1974},{"style":143},[1975],{"type":72,"value":1976},"handleSubmit",{"type":67,"tag":124,"props":1978,"children":1979},{"style":137},[1980],{"type":72,"value":1981},"}>{",{"type":67,"tag":124,"props":1983,"children":1984},{"style":1171},[1985],{"type":72,"value":1986},"\u002F* ... *\u002F",{"type":67,"tag":124,"props":1988,"children":1989},{"style":137},[1990],{"type":72,"value":1991},"}\u003C\u002F",{"type":67,"tag":124,"props":1993,"children":1994},{"style":221},[1995],{"type":72,"value":1962},{"type":67,"tag":124,"props":1997,"children":1998},{"style":137},[1999],{"type":72,"value":341},{"type":67,"tag":124,"props":2001,"children":2002},{"class":126,"line":1353},[2003],{"type":67,"tag":124,"props":2004,"children":2005},{"style":137},[2006],{"type":72,"value":359},{"type":67,"tag":82,"props":2008,"children":2009},{},[2010,2011,2017],{"type":72,"value":654},{"type":67,"tag":88,"props":2012,"children":2014},{"className":2013},[],[2015],{"type":72,"value":2016},"Navigate",{"type":72,"value":2018}," component performs an immediate client-side navigation on mount:",{"type":67,"tag":113,"props":2020,"children":2022},{"className":115,"code":2021,"language":117,"meta":118,"style":118},"import { Navigate } from '@tanstack\u002Freact-router'\n\nfunction LegacyRedirect() {\n return \u003CNavigate to=\"\u002Fposts\u002F$postId\" params={{ postId: 'my-first-post' }} \u002F>\n}\n",[2023],{"type":67,"tag":88,"props":2024,"children":2025},{"__ignoreMap":118},[2026,2062,2069,2089,2158],{"type":67,"tag":124,"props":2027,"children":2028},{"class":126,"line":127},[2029,2033,2037,2042,2046,2050,2054,2058],{"type":67,"tag":124,"props":2030,"children":2031},{"style":131},[2032],{"type":72,"value":134},{"type":67,"tag":124,"props":2034,"children":2035},{"style":137},[2036],{"type":72,"value":140},{"type":67,"tag":124,"props":2038,"children":2039},{"style":143},[2040],{"type":72,"value":2041}," Navigate",{"type":67,"tag":124,"props":2043,"children":2044},{"style":137},[2045],{"type":72,"value":151},{"type":67,"tag":124,"props":2047,"children":2048},{"style":131},[2049],{"type":72,"value":156},{"type":67,"tag":124,"props":2051,"children":2052},{"style":137},[2053],{"type":72,"value":161},{"type":67,"tag":124,"props":2055,"children":2056},{"style":164},[2057],{"type":72,"value":167},{"type":67,"tag":124,"props":2059,"children":2060},{"style":137},[2061],{"type":72,"value":172},{"type":67,"tag":124,"props":2063,"children":2064},{"class":126,"line":175},[2065],{"type":67,"tag":124,"props":2066,"children":2067},{"emptyLinePlaceholder":179},[2068],{"type":72,"value":182},{"type":67,"tag":124,"props":2070,"children":2071},{"class":126,"line":185},[2072,2076,2081,2085],{"type":67,"tag":124,"props":2073,"children":2074},{"style":189},[2075],{"type":72,"value":192},{"type":67,"tag":124,"props":2077,"children":2078},{"style":195},[2079],{"type":72,"value":2080}," LegacyRedirect",{"type":67,"tag":124,"props":2082,"children":2083},{"style":137},[2084],{"type":72,"value":438},{"type":67,"tag":124,"props":2086,"children":2087},{"style":137},[2088],{"type":72,"value":243},{"type":67,"tag":124,"props":2090,"children":2091},{"class":126,"line":246},[2092,2096,2100,2104,2108,2112,2116,2120,2124,2128,2132,2136,2140,2144,2149,2153],{"type":67,"tag":124,"props":2093,"children":2094},{"style":131},[2095],{"type":72,"value":252},{"type":67,"tag":124,"props":2097,"children":2098},{"style":137},[2099],{"type":72,"value":830},{"type":67,"tag":124,"props":2101,"children":2102},{"style":230},[2103],{"type":72,"value":2016},{"type":67,"tag":124,"props":2105,"children":2106},{"style":189},[2107],{"type":72,"value":275},{"type":67,"tag":124,"props":2109,"children":2110},{"style":137},[2111],{"type":72,"value":280},{"type":67,"tag":124,"props":2113,"children":2114},{"style":137},[2115],{"type":72,"value":285},{"type":67,"tag":124,"props":2117,"children":2118},{"style":164},[2119],{"type":72,"value":290},{"type":67,"tag":124,"props":2121,"children":2122},{"style":137},[2123],{"type":72,"value":285},{"type":67,"tag":124,"props":2125,"children":2126},{"style":189},[2127],{"type":72,"value":299},{"type":67,"tag":124,"props":2129,"children":2130},{"style":137},[2131],{"type":72,"value":304},{"type":67,"tag":124,"props":2133,"children":2134},{"style":221},[2135],{"type":72,"value":209},{"type":67,"tag":124,"props":2137,"children":2138},{"style":137},[2139],{"type":72,"value":111},{"type":67,"tag":124,"props":2141,"children":2142},{"style":137},[2143],{"type":72,"value":161},{"type":67,"tag":124,"props":2145,"children":2146},{"style":164},[2147],{"type":72,"value":2148},"my-first-post",{"type":67,"tag":124,"props":2150,"children":2151},{"style":137},[2152],{"type":72,"value":526},{"type":67,"tag":124,"props":2154,"children":2155},{"style":137},[2156],{"type":72,"value":2157}," }} \u002F>\n",{"type":67,"tag":124,"props":2159,"children":2160},{"class":126,"line":260},[2161],{"type":67,"tag":124,"props":2162,"children":2163},{"style":137},[2164],{"type":72,"value":359},{"type":67,"tag":82,"props":2166,"children":2167},{},[2168,2174],{"type":67,"tag":88,"props":2169,"children":2171},{"className":2170},[],[2172],{"type":72,"value":2173},"router.navigate",{"type":72,"value":2175}," is available anywhere you have the router instance, including outside of React.",{"type":67,"tag":367,"props":2177,"children":2179},{"id":2178},"preloading",[2180],{"type":72,"value":2181},"Preloading",{"type":67,"tag":82,"props":2183,"children":2184},{},[2185,2187,2193,2195,2201,2203,2209],{"type":72,"value":2186},"Strategies: ",{"type":67,"tag":88,"props":2188,"children":2190},{"className":2189},[],[2191],{"type":72,"value":2192},"intent",{"type":72,"value":2194}," (hover\u002Ftouchstart), ",{"type":67,"tag":88,"props":2196,"children":2198},{"className":2197},[],[2199],{"type":72,"value":2200},"viewport",{"type":72,"value":2202}," (intersection observer), ",{"type":67,"tag":88,"props":2204,"children":2206},{"className":2205},[],[2207],{"type":72,"value":2208},"render",{"type":72,"value":2210}," (on mount).",{"type":67,"tag":82,"props":2212,"children":2213},{},[2214],{"type":72,"value":2215},"Set globally:",{"type":67,"tag":113,"props":2217,"children":2219},{"className":115,"code":2218,"language":117,"meta":118,"style":118},"import { createRouter } from '@tanstack\u002Freact-router'\n\nconst router = createRouter({\n routeTree,\n defaultPreload: 'intent',\n defaultPreloadDelay: 50, \u002F\u002F ms, default is 50\n})\n",[2220],{"type":67,"tag":88,"props":2221,"children":2222},{"__ignoreMap":118},[2223,2259,2266,2295,2307,2335,2362],{"type":67,"tag":124,"props":2224,"children":2225},{"class":126,"line":127},[2226,2230,2234,2239,2243,2247,2251,2255],{"type":67,"tag":124,"props":2227,"children":2228},{"style":131},[2229],{"type":72,"value":134},{"type":67,"tag":124,"props":2231,"children":2232},{"style":137},[2233],{"type":72,"value":140},{"type":67,"tag":124,"props":2235,"children":2236},{"style":143},[2237],{"type":72,"value":2238}," createRouter",{"type":67,"tag":124,"props":2240,"children":2241},{"style":137},[2242],{"type":72,"value":151},{"type":67,"tag":124,"props":2244,"children":2245},{"style":131},[2246],{"type":72,"value":156},{"type":67,"tag":124,"props":2248,"children":2249},{"style":137},[2250],{"type":72,"value":161},{"type":67,"tag":124,"props":2252,"children":2253},{"style":164},[2254],{"type":72,"value":167},{"type":67,"tag":124,"props":2256,"children":2257},{"style":137},[2258],{"type":72,"value":172},{"type":67,"tag":124,"props":2260,"children":2261},{"class":126,"line":175},[2262],{"type":67,"tag":124,"props":2263,"children":2264},{"emptyLinePlaceholder":179},[2265],{"type":72,"value":182},{"type":67,"tag":124,"props":2267,"children":2268},{"class":126,"line":185},[2269,2274,2279,2283,2287,2291],{"type":67,"tag":124,"props":2270,"children":2271},{"style":189},[2272],{"type":72,"value":2273},"const",{"type":67,"tag":124,"props":2275,"children":2276},{"style":143},[2277],{"type":72,"value":2278}," router ",{"type":67,"tag":124,"props":2280,"children":2281},{"style":137},[2282],{"type":72,"value":280},{"type":67,"tag":124,"props":2284,"children":2285},{"style":195},[2286],{"type":72,"value":2238},{"type":67,"tag":124,"props":2288,"children":2289},{"style":143},[2290],{"type":72,"value":1050},{"type":67,"tag":124,"props":2292,"children":2293},{"style":137},[2294],{"type":72,"value":1072},{"type":67,"tag":124,"props":2296,"children":2297},{"class":126,"line":246},[2298,2303],{"type":67,"tag":124,"props":2299,"children":2300},{"style":143},[2301],{"type":72,"value":2302}," routeTree",{"type":67,"tag":124,"props":2304,"children":2305},{"style":137},[2306],{"type":72,"value":1094},{"type":67,"tag":124,"props":2308,"children":2309},{"class":126,"line":260},[2310,2315,2319,2323,2327,2331],{"type":67,"tag":124,"props":2311,"children":2312},{"style":221},[2313],{"type":72,"value":2314}," defaultPreload",{"type":67,"tag":124,"props":2316,"children":2317},{"style":137},[2318],{"type":72,"value":111},{"type":67,"tag":124,"props":2320,"children":2321},{"style":137},[2322],{"type":72,"value":161},{"type":67,"tag":124,"props":2324,"children":2325},{"style":164},[2326],{"type":72,"value":2192},{"type":67,"tag":124,"props":2328,"children":2329},{"style":137},[2330],{"type":72,"value":526},{"type":67,"tag":124,"props":2332,"children":2333},{"style":137},[2334],{"type":72,"value":1094},{"type":67,"tag":124,"props":2336,"children":2337},{"class":126,"line":317},[2338,2343,2347,2353,2357],{"type":67,"tag":124,"props":2339,"children":2340},{"style":221},[2341],{"type":72,"value":2342}," defaultPreloadDelay",{"type":67,"tag":124,"props":2344,"children":2345},{"style":137},[2346],{"type":72,"value":111},{"type":67,"tag":124,"props":2348,"children":2350},{"style":2349},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[2351],{"type":72,"value":2352}," 50",{"type":67,"tag":124,"props":2354,"children":2355},{"style":137},[2356],{"type":72,"value":988},{"type":67,"tag":124,"props":2358,"children":2359},{"style":1171},[2360],{"type":72,"value":2361}," \u002F\u002F ms, default is 50\n",{"type":67,"tag":124,"props":2363,"children":2364},{"class":126,"line":326},[2365,2369],{"type":67,"tag":124,"props":2366,"children":2367},{"style":137},[2368],{"type":72,"value":1102},{"type":67,"tag":124,"props":2370,"children":2371},{"style":143},[2372],{"type":72,"value":1107},{"type":67,"tag":82,"props":2374,"children":2375},{},[2376],{"type":72,"value":2377},"Or per-link:",{"type":67,"tag":113,"props":2379,"children":2381},{"className":115,"code":2380,"language":117,"meta":118,"style":118},"\u003CLink\n to=\"\u002Fposts\u002F$postId\"\n params={{ postId }}\n preload=\"intent\"\n preloadDelay={100}\n>\n View Post\n\u003C\u002FLink>\n",[2382],{"type":67,"tag":88,"props":2383,"children":2384},{"__ignoreMap":118},[2385,2396,2420,2441,2465,2486,2493,2501],{"type":67,"tag":124,"props":2386,"children":2387},{"class":126,"line":127},[2388,2392],{"type":67,"tag":124,"props":2389,"children":2390},{"style":137},[2391],{"type":72,"value":775},{"type":67,"tag":124,"props":2393,"children":2394},{"style":230},[2395],{"type":72,"value":465},{"type":67,"tag":124,"props":2397,"children":2398},{"class":126,"line":175},[2399,2404,2408,2412,2416],{"type":67,"tag":124,"props":2400,"children":2401},{"style":189},[2402],{"type":72,"value":2403}," to",{"type":67,"tag":124,"props":2405,"children":2406},{"style":137},[2407],{"type":72,"value":280},{"type":67,"tag":124,"props":2409,"children":2410},{"style":137},[2411],{"type":72,"value":285},{"type":67,"tag":124,"props":2413,"children":2414},{"style":164},[2415],{"type":72,"value":290},{"type":67,"tag":124,"props":2417,"children":2418},{"style":137},[2419],{"type":72,"value":491},{"type":67,"tag":124,"props":2421,"children":2422},{"class":126,"line":185},[2423,2428,2432,2436],{"type":67,"tag":124,"props":2424,"children":2425},{"style":189},[2426],{"type":72,"value":2427}," params",{"type":67,"tag":124,"props":2429,"children":2430},{"style":137},[2431],{"type":72,"value":304},{"type":67,"tag":124,"props":2433,"children":2434},{"style":143},[2435],{"type":72,"value":309},{"type":67,"tag":124,"props":2437,"children":2438},{"style":137},[2439],{"type":72,"value":2440},"}}\n",{"type":67,"tag":124,"props":2442,"children":2443},{"class":126,"line":246},[2444,2449,2453,2457,2461],{"type":67,"tag":124,"props":2445,"children":2446},{"style":189},[2447],{"type":72,"value":2448}," preload",{"type":67,"tag":124,"props":2450,"children":2451},{"style":137},[2452],{"type":72,"value":280},{"type":67,"tag":124,"props":2454,"children":2455},{"style":137},[2456],{"type":72,"value":285},{"type":67,"tag":124,"props":2458,"children":2459},{"style":164},[2460],{"type":72,"value":2192},{"type":67,"tag":124,"props":2462,"children":2463},{"style":137},[2464],{"type":72,"value":491},{"type":67,"tag":124,"props":2466,"children":2467},{"class":126,"line":260},[2468,2473,2477,2482],{"type":67,"tag":124,"props":2469,"children":2470},{"style":189},[2471],{"type":72,"value":2472}," preloadDelay",{"type":67,"tag":124,"props":2474,"children":2475},{"style":137},[2476],{"type":72,"value":843},{"type":67,"tag":124,"props":2478,"children":2479},{"style":2349},[2480],{"type":72,"value":2481},"100",{"type":67,"tag":124,"props":2483,"children":2484},{"style":137},[2485],{"type":72,"value":359},{"type":67,"tag":124,"props":2487,"children":2488},{"class":126,"line":317},[2489],{"type":67,"tag":124,"props":2490,"children":2491},{"style":137},[2492],{"type":72,"value":341},{"type":67,"tag":124,"props":2494,"children":2495},{"class":126,"line":326},[2496],{"type":67,"tag":124,"props":2497,"children":2498},{"style":143},[2499],{"type":72,"value":2500}," View Post\n",{"type":67,"tag":124,"props":2502,"children":2503},{"class":126,"line":344},[2504,2508,2512],{"type":67,"tag":124,"props":2505,"children":2506},{"style":137},[2507],{"type":72,"value":890},{"type":67,"tag":124,"props":2509,"children":2510},{"style":230},[2511],{"type":72,"value":93},{"type":67,"tag":124,"props":2513,"children":2514},{"style":137},[2515],{"type":72,"value":341},{"type":67,"tag":82,"props":2517,"children":2518},{},[2519,2521,2527,2529,2535],{"type":72,"value":2520},"Preloaded data stays fresh for 30 seconds by default (",{"type":67,"tag":88,"props":2522,"children":2524},{"className":2523},[],[2525],{"type":72,"value":2526},"defaultPreloadStaleTime: 30_000",{"type":72,"value":2528},"). During that window it won't be refetched. When using an external cache like TanStack Query, set ",{"type":67,"tag":88,"props":2530,"children":2532},{"className":2531},[],[2533],{"type":72,"value":2534},"defaultPreloadStaleTime: 0",{"type":72,"value":2536}," to let the external library control freshness.",{"type":67,"tag":82,"props":2538,"children":2539},{},[2540],{"type":72,"value":2541},"Manual preloading via the router instance:",{"type":67,"tag":113,"props":2543,"children":2545},{"className":115,"code":2544,"language":117,"meta":118,"style":118},"import { useRouter } from '@tanstack\u002Freact-router'\n\nfunction Component() {\n const router = useRouter()\n\n useEffect(() => {\n router.preloadRoute({ to: '\u002Fposts\u002F$postId', params: { postId: '1' } })\n }, [router])\n\n return \u003Cdiv \u002F>\n}\n",[2546],{"type":67,"tag":88,"props":2547,"children":2548},{"__ignoreMap":118},[2549,2585,2592,2612,2636,2643,2667,2761,2783,2790,2810],{"type":67,"tag":124,"props":2550,"children":2551},{"class":126,"line":127},[2552,2556,2560,2565,2569,2573,2577,2581],{"type":67,"tag":124,"props":2553,"children":2554},{"style":131},[2555],{"type":72,"value":134},{"type":67,"tag":124,"props":2557,"children":2558},{"style":137},[2559],{"type":72,"value":140},{"type":67,"tag":124,"props":2561,"children":2562},{"style":143},[2563],{"type":72,"value":2564}," useRouter",{"type":67,"tag":124,"props":2566,"children":2567},{"style":137},[2568],{"type":72,"value":151},{"type":67,"tag":124,"props":2570,"children":2571},{"style":131},[2572],{"type":72,"value":156},{"type":67,"tag":124,"props":2574,"children":2575},{"style":137},[2576],{"type":72,"value":161},{"type":67,"tag":124,"props":2578,"children":2579},{"style":164},[2580],{"type":72,"value":167},{"type":67,"tag":124,"props":2582,"children":2583},{"style":137},[2584],{"type":72,"value":172},{"type":67,"tag":124,"props":2586,"children":2587},{"class":126,"line":175},[2588],{"type":67,"tag":124,"props":2589,"children":2590},{"emptyLinePlaceholder":179},[2591],{"type":72,"value":182},{"type":67,"tag":124,"props":2593,"children":2594},{"class":126,"line":185},[2595,2599,2604,2608],{"type":67,"tag":124,"props":2596,"children":2597},{"style":189},[2598],{"type":72,"value":192},{"type":67,"tag":124,"props":2600,"children":2601},{"style":195},[2602],{"type":72,"value":2603}," Component",{"type":67,"tag":124,"props":2605,"children":2606},{"style":137},[2607],{"type":72,"value":438},{"type":67,"tag":124,"props":2609,"children":2610},{"style":137},[2611],{"type":72,"value":243},{"type":67,"tag":124,"props":2613,"children":2614},{"class":126,"line":246},[2615,2619,2624,2628,2632],{"type":67,"tag":124,"props":2616,"children":2617},{"style":189},[2618],{"type":72,"value":1510},{"type":67,"tag":124,"props":2620,"children":2621},{"style":143},[2622],{"type":72,"value":2623}," router",{"type":67,"tag":124,"props":2625,"children":2626},{"style":137},[2627],{"type":72,"value":1520},{"type":67,"tag":124,"props":2629,"children":2630},{"style":195},[2631],{"type":72,"value":2564},{"type":67,"tag":124,"props":2633,"children":2634},{"style":221},[2635],{"type":72,"value":1652},{"type":67,"tag":124,"props":2637,"children":2638},{"class":126,"line":260},[2639],{"type":67,"tag":124,"props":2640,"children":2641},{"emptyLinePlaceholder":179},[2642],{"type":72,"value":182},{"type":67,"tag":124,"props":2644,"children":2645},{"class":126,"line":317},[2646,2651,2655,2659,2663],{"type":67,"tag":124,"props":2647,"children":2648},{"style":195},[2649],{"type":72,"value":2650}," useEffect",{"type":67,"tag":124,"props":2652,"children":2653},{"style":221},[2654],{"type":72,"value":1050},{"type":67,"tag":124,"props":2656,"children":2657},{"style":137},[2658],{"type":72,"value":438},{"type":67,"tag":124,"props":2660,"children":2661},{"style":189},[2662],{"type":72,"value":825},{"type":67,"tag":124,"props":2664,"children":2665},{"style":137},[2666],{"type":72,"value":243},{"type":67,"tag":124,"props":2668,"children":2669},{"class":126,"line":326},[2670,2675,2679,2684,2688,2692,2696,2700,2704,2708,2712,2716,2720,2724,2728,2732,2736,2740,2745,2749,2753,2757],{"type":67,"tag":124,"props":2671,"children":2672},{"style":143},[2673],{"type":72,"value":2674}," router",{"type":67,"tag":124,"props":2676,"children":2677},{"style":137},[2678],{"type":72,"value":1208},{"type":67,"tag":124,"props":2680,"children":2681},{"style":195},[2682],{"type":72,"value":2683},"preloadRoute",{"type":67,"tag":124,"props":2685,"children":2686},{"style":221},[2687],{"type":72,"value":1050},{"type":67,"tag":124,"props":2689,"children":2690},{"style":137},[2691],{"type":72,"value":1533},{"type":67,"tag":124,"props":2693,"children":2694},{"style":221},[2695],{"type":72,"value":275},{"type":67,"tag":124,"props":2697,"children":2698},{"style":137},[2699],{"type":72,"value":111},{"type":67,"tag":124,"props":2701,"children":2702},{"style":137},[2703],{"type":72,"value":161},{"type":67,"tag":124,"props":2705,"children":2706},{"style":164},[2707],{"type":72,"value":290},{"type":67,"tag":124,"props":2709,"children":2710},{"style":137},[2711],{"type":72,"value":526},{"type":67,"tag":124,"props":2713,"children":2714},{"style":137},[2715],{"type":72,"value":988},{"type":67,"tag":124,"props":2717,"children":2718},{"style":221},[2719],{"type":72,"value":299},{"type":67,"tag":124,"props":2721,"children":2722},{"style":137},[2723],{"type":72,"value":111},{"type":67,"tag":124,"props":2725,"children":2726},{"style":137},[2727],{"type":72,"value":140},{"type":67,"tag":124,"props":2729,"children":2730},{"style":221},[2731],{"type":72,"value":209},{"type":67,"tag":124,"props":2733,"children":2734},{"style":137},[2735],{"type":72,"value":111},{"type":67,"tag":124,"props":2737,"children":2738},{"style":137},[2739],{"type":72,"value":161},{"type":67,"tag":124,"props":2741,"children":2742},{"style":164},[2743],{"type":72,"value":2744},"1",{"type":67,"tag":124,"props":2746,"children":2747},{"style":137},[2748],{"type":72,"value":526},{"type":67,"tag":124,"props":2750,"children":2751},{"style":137},[2752],{"type":72,"value":151},{"type":67,"tag":124,"props":2754,"children":2755},{"style":137},[2756],{"type":72,"value":151},{"type":67,"tag":124,"props":2758,"children":2759},{"style":221},[2760],{"type":72,"value":1107},{"type":67,"tag":124,"props":2762,"children":2763},{"class":126,"line":344},[2764,2769,2774,2778],{"type":67,"tag":124,"props":2765,"children":2766},{"style":137},[2767],{"type":72,"value":2768}," },",{"type":67,"tag":124,"props":2770,"children":2771},{"style":221},[2772],{"type":72,"value":2773}," [",{"type":67,"tag":124,"props":2775,"children":2776},{"style":143},[2777],{"type":72,"value":34},{"type":67,"tag":124,"props":2779,"children":2780},{"style":221},[2781],{"type":72,"value":2782},"])\n",{"type":67,"tag":124,"props":2784,"children":2785},{"class":126,"line":353},[2786],{"type":67,"tag":124,"props":2787,"children":2788},{"emptyLinePlaceholder":179},[2789],{"type":72,"value":182},{"type":67,"tag":124,"props":2791,"children":2792},{"class":126,"line":602},[2793,2797,2801,2805],{"type":67,"tag":124,"props":2794,"children":2795},{"style":131},[2796],{"type":72,"value":252},{"type":67,"tag":124,"props":2798,"children":2799},{"style":137},[2800],{"type":72,"value":830},{"type":67,"tag":124,"props":2802,"children":2803},{"style":221},[2804],{"type":72,"value":1156},{"type":67,"tag":124,"props":2806,"children":2807},{"style":137},[2808],{"type":72,"value":2809}," \u002F>\n",{"type":67,"tag":124,"props":2811,"children":2812},{"class":126,"line":611},[2813],{"type":67,"tag":124,"props":2814,"children":2815},{"style":137},[2816],{"type":72,"value":359},{"type":67,"tag":367,"props":2818,"children":2820},{"id":2819},"navigation-blocking",[2821],{"type":72,"value":2822},"Navigation Blocking",{"type":67,"tag":82,"props":2824,"children":2825},{},[2826,2827,2833],{"type":72,"value":1418},{"type":67,"tag":88,"props":2828,"children":2830},{"className":2829},[],[2831],{"type":72,"value":2832},"useBlocker",{"type":72,"value":2834}," to prevent navigation when a form has unsaved changes:",{"type":67,"tag":113,"props":2836,"children":2838},{"className":115,"code":2837,"language":117,"meta":118,"style":118},"import { useBlocker } from '@tanstack\u002Freact-router'\nimport { useState } from 'react'\n\nfunction EditForm() {\n const [formIsDirty, setFormIsDirty] = useState(false)\n\n useBlocker({\n shouldBlockFn: () => {\n if (!formIsDirty) return false\n const shouldLeave = confirm('Are you sure you want to leave?')\n return !shouldLeave\n },\n })\n\n return \u003Cform>{\u002F* ... *\u002F}\u003C\u002Fform>\n}\n",[2839],{"type":67,"tag":88,"props":2840,"children":2841},{"__ignoreMap":118},[2842,2878,2914,2921,2941,2991,2998,3014,3039,3074,3117,3135,3143,3155,3162,3198],{"type":67,"tag":124,"props":2843,"children":2844},{"class":126,"line":127},[2845,2849,2853,2858,2862,2866,2870,2874],{"type":67,"tag":124,"props":2846,"children":2847},{"style":131},[2848],{"type":72,"value":134},{"type":67,"tag":124,"props":2850,"children":2851},{"style":137},[2852],{"type":72,"value":140},{"type":67,"tag":124,"props":2854,"children":2855},{"style":143},[2856],{"type":72,"value":2857}," useBlocker",{"type":67,"tag":124,"props":2859,"children":2860},{"style":137},[2861],{"type":72,"value":151},{"type":67,"tag":124,"props":2863,"children":2864},{"style":131},[2865],{"type":72,"value":156},{"type":67,"tag":124,"props":2867,"children":2868},{"style":137},[2869],{"type":72,"value":161},{"type":67,"tag":124,"props":2871,"children":2872},{"style":164},[2873],{"type":72,"value":167},{"type":67,"tag":124,"props":2875,"children":2876},{"style":137},[2877],{"type":72,"value":172},{"type":67,"tag":124,"props":2879,"children":2880},{"class":126,"line":175},[2881,2885,2889,2894,2898,2902,2906,2910],{"type":67,"tag":124,"props":2882,"children":2883},{"style":131},[2884],{"type":72,"value":134},{"type":67,"tag":124,"props":2886,"children":2887},{"style":137},[2888],{"type":72,"value":140},{"type":67,"tag":124,"props":2890,"children":2891},{"style":143},[2892],{"type":72,"value":2893}," useState",{"type":67,"tag":124,"props":2895,"children":2896},{"style":137},[2897],{"type":72,"value":151},{"type":67,"tag":124,"props":2899,"children":2900},{"style":131},[2901],{"type":72,"value":156},{"type":67,"tag":124,"props":2903,"children":2904},{"style":137},[2905],{"type":72,"value":161},{"type":67,"tag":124,"props":2907,"children":2908},{"style":164},[2909],{"type":72,"value":32},{"type":67,"tag":124,"props":2911,"children":2912},{"style":137},[2913],{"type":72,"value":172},{"type":67,"tag":124,"props":2915,"children":2916},{"class":126,"line":185},[2917],{"type":67,"tag":124,"props":2918,"children":2919},{"emptyLinePlaceholder":179},[2920],{"type":72,"value":182},{"type":67,"tag":124,"props":2922,"children":2923},{"class":126,"line":246},[2924,2928,2933,2937],{"type":67,"tag":124,"props":2925,"children":2926},{"style":189},[2927],{"type":72,"value":192},{"type":67,"tag":124,"props":2929,"children":2930},{"style":195},[2931],{"type":72,"value":2932}," EditForm",{"type":67,"tag":124,"props":2934,"children":2935},{"style":137},[2936],{"type":72,"value":438},{"type":67,"tag":124,"props":2938,"children":2939},{"style":137},[2940],{"type":72,"value":243},{"type":67,"tag":124,"props":2942,"children":2943},{"class":126,"line":260},[2944,2948,2952,2957,2961,2966,2971,2975,2979,2983,2987],{"type":67,"tag":124,"props":2945,"children":2946},{"style":189},[2947],{"type":72,"value":1510},{"type":67,"tag":124,"props":2949,"children":2950},{"style":137},[2951],{"type":72,"value":2773},{"type":67,"tag":124,"props":2953,"children":2954},{"style":143},[2955],{"type":72,"value":2956},"formIsDirty",{"type":67,"tag":124,"props":2958,"children":2959},{"style":137},[2960],{"type":72,"value":988},{"type":67,"tag":124,"props":2962,"children":2963},{"style":143},[2964],{"type":72,"value":2965}," setFormIsDirty",{"type":67,"tag":124,"props":2967,"children":2968},{"style":137},[2969],{"type":72,"value":2970},"]",{"type":67,"tag":124,"props":2972,"children":2973},{"style":137},[2974],{"type":72,"value":1520},{"type":67,"tag":124,"props":2976,"children":2977},{"style":195},[2978],{"type":72,"value":2893},{"type":67,"tag":124,"props":2980,"children":2981},{"style":221},[2982],{"type":72,"value":1050},{"type":67,"tag":124,"props":2984,"children":2985},{"style":592},[2986],{"type":72,"value":703},{"type":67,"tag":124,"props":2988,"children":2989},{"style":221},[2990],{"type":72,"value":1107},{"type":67,"tag":124,"props":2992,"children":2993},{"class":126,"line":317},[2994],{"type":67,"tag":124,"props":2995,"children":2996},{"emptyLinePlaceholder":179},[2997],{"type":72,"value":182},{"type":67,"tag":124,"props":2999,"children":3000},{"class":126,"line":326},[3001,3006,3010],{"type":67,"tag":124,"props":3002,"children":3003},{"style":195},[3004],{"type":72,"value":3005}," useBlocker",{"type":67,"tag":124,"props":3007,"children":3008},{"style":221},[3009],{"type":72,"value":1050},{"type":67,"tag":124,"props":3011,"children":3012},{"style":137},[3013],{"type":72,"value":1072},{"type":67,"tag":124,"props":3015,"children":3016},{"class":126,"line":344},[3017,3022,3026,3031,3035],{"type":67,"tag":124,"props":3018,"children":3019},{"style":195},[3020],{"type":72,"value":3021}," shouldBlockFn",{"type":67,"tag":124,"props":3023,"children":3024},{"style":137},[3025],{"type":72,"value":111},{"type":67,"tag":124,"props":3027,"children":3028},{"style":137},[3029],{"type":72,"value":3030}," ()",{"type":67,"tag":124,"props":3032,"children":3033},{"style":189},[3034],{"type":72,"value":825},{"type":67,"tag":124,"props":3036,"children":3037},{"style":137},[3038],{"type":72,"value":243},{"type":67,"tag":124,"props":3040,"children":3041},{"class":126,"line":353},[3042,3047,3051,3056,3060,3064,3069],{"type":67,"tag":124,"props":3043,"children":3044},{"style":131},[3045],{"type":72,"value":3046}," if",{"type":67,"tag":124,"props":3048,"children":3049},{"style":221},[3050],{"type":72,"value":1594},{"type":67,"tag":124,"props":3052,"children":3053},{"style":137},[3054],{"type":72,"value":3055},"!",{"type":67,"tag":124,"props":3057,"children":3058},{"style":143},[3059],{"type":72,"value":2956},{"type":67,"tag":124,"props":3061,"children":3062},{"style":221},[3063],{"type":72,"value":1851},{"type":67,"tag":124,"props":3065,"children":3066},{"style":131},[3067],{"type":72,"value":3068},"return",{"type":67,"tag":124,"props":3070,"children":3071},{"style":592},[3072],{"type":72,"value":3073}," false\n",{"type":67,"tag":124,"props":3075,"children":3076},{"class":126,"line":602},[3077,3082,3087,3091,3096,3100,3104,3109,3113],{"type":67,"tag":124,"props":3078,"children":3079},{"style":189},[3080],{"type":72,"value":3081}," const",{"type":67,"tag":124,"props":3083,"children":3084},{"style":143},[3085],{"type":72,"value":3086}," shouldLeave",{"type":67,"tag":124,"props":3088,"children":3089},{"style":137},[3090],{"type":72,"value":1520},{"type":67,"tag":124,"props":3092,"children":3093},{"style":195},[3094],{"type":72,"value":3095}," confirm",{"type":67,"tag":124,"props":3097,"children":3098},{"style":221},[3099],{"type":72,"value":1050},{"type":67,"tag":124,"props":3101,"children":3102},{"style":137},[3103],{"type":72,"value":526},{"type":67,"tag":124,"props":3105,"children":3106},{"style":164},[3107],{"type":72,"value":3108},"Are you sure you want to leave?",{"type":67,"tag":124,"props":3110,"children":3111},{"style":137},[3112],{"type":72,"value":526},{"type":67,"tag":124,"props":3114,"children":3115},{"style":221},[3116],{"type":72,"value":1107},{"type":67,"tag":124,"props":3118,"children":3119},{"class":126,"line":611},[3120,3125,3130],{"type":67,"tag":124,"props":3121,"children":3122},{"style":131},[3123],{"type":72,"value":3124}," return",{"type":67,"tag":124,"props":3126,"children":3127},{"style":137},[3128],{"type":72,"value":3129}," !",{"type":67,"tag":124,"props":3131,"children":3132},{"style":143},[3133],{"type":72,"value":3134},"shouldLeave\n",{"type":67,"tag":124,"props":3136,"children":3137},{"class":126,"line":620},[3138],{"type":67,"tag":124,"props":3139,"children":3140},{"style":137},[3141],{"type":72,"value":3142}," },\n",{"type":67,"tag":124,"props":3144,"children":3145},{"class":126,"line":636},[3146,3151],{"type":67,"tag":124,"props":3147,"children":3148},{"style":137},[3149],{"type":72,"value":3150}," }",{"type":67,"tag":124,"props":3152,"children":3153},{"style":221},[3154],{"type":72,"value":1107},{"type":67,"tag":124,"props":3156,"children":3157},{"class":126,"line":644},[3158],{"type":67,"tag":124,"props":3159,"children":3160},{"emptyLinePlaceholder":179},[3161],{"type":72,"value":182},{"type":67,"tag":124,"props":3163,"children":3164},{"class":126,"line":1276},[3165,3169,3173,3177,3182,3186,3190,3194],{"type":67,"tag":124,"props":3166,"children":3167},{"style":131},[3168],{"type":72,"value":252},{"type":67,"tag":124,"props":3170,"children":3171},{"style":137},[3172],{"type":72,"value":830},{"type":67,"tag":124,"props":3174,"children":3175},{"style":221},[3176],{"type":72,"value":1962},{"type":67,"tag":124,"props":3178,"children":3179},{"style":137},[3180],{"type":72,"value":3181},">{",{"type":67,"tag":124,"props":3183,"children":3184},{"style":1171},[3185],{"type":72,"value":1986},{"type":67,"tag":124,"props":3187,"children":3188},{"style":137},[3189],{"type":72,"value":1991},{"type":67,"tag":124,"props":3191,"children":3192},{"style":221},[3193],{"type":72,"value":1962},{"type":67,"tag":124,"props":3195,"children":3196},{"style":137},[3197],{"type":72,"value":341},{"type":67,"tag":124,"props":3199,"children":3200},{"class":126,"line":1293},[3201],{"type":67,"tag":124,"props":3202,"children":3203},{"style":137},[3204],{"type":72,"value":359},{"type":67,"tag":82,"props":3206,"children":3207},{},[3208,3210,3216],{"type":72,"value":3209},"With custom UI using ",{"type":67,"tag":88,"props":3211,"children":3213},{"className":3212},[],[3214],{"type":72,"value":3215},"withResolver",{"type":72,"value":111},{"type":67,"tag":113,"props":3218,"children":3220},{"className":115,"code":3219,"language":117,"meta":118,"style":118},"import { useBlocker } from '@tanstack\u002Freact-router'\nimport { useState } from 'react'\n\nfunction EditForm() {\n const [formIsDirty, setFormIsDirty] = useState(false)\n\n const { proceed, reset, status } = useBlocker({\n shouldBlockFn: () => formIsDirty,\n withResolver: true,\n })\n\n return (\n \u003C>\n \u003Cform>{\u002F* ... *\u002F}\u003C\u002Fform>\n {status === 'blocked' && (\n \u003Cdiv>\n \u003Cp>Are you sure you want to leave?\u003C\u002Fp>\n \u003Cbutton onClick={proceed}>Yes\u003C\u002Fbutton>\n \u003Cbutton onClick={reset}>No\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n )}\n \u003C\u002F>\n )\n}\n",[3221],{"type":67,"tag":88,"props":3222,"children":3223},{"__ignoreMap":118},[3224,3259,3294,3301,3320,3367,3374,3428,3456,3476,3487,3494,3505,3513,3544,3583,3599,3632,3679,3724,3740,3752,3761,3769],{"type":67,"tag":124,"props":3225,"children":3226},{"class":126,"line":127},[3227,3231,3235,3239,3243,3247,3251,3255],{"type":67,"tag":124,"props":3228,"children":3229},{"style":131},[3230],{"type":72,"value":134},{"type":67,"tag":124,"props":3232,"children":3233},{"style":137},[3234],{"type":72,"value":140},{"type":67,"tag":124,"props":3236,"children":3237},{"style":143},[3238],{"type":72,"value":2857},{"type":67,"tag":124,"props":3240,"children":3241},{"style":137},[3242],{"type":72,"value":151},{"type":67,"tag":124,"props":3244,"children":3245},{"style":131},[3246],{"type":72,"value":156},{"type":67,"tag":124,"props":3248,"children":3249},{"style":137},[3250],{"type":72,"value":161},{"type":67,"tag":124,"props":3252,"children":3253},{"style":164},[3254],{"type":72,"value":167},{"type":67,"tag":124,"props":3256,"children":3257},{"style":137},[3258],{"type":72,"value":172},{"type":67,"tag":124,"props":3260,"children":3261},{"class":126,"line":175},[3262,3266,3270,3274,3278,3282,3286,3290],{"type":67,"tag":124,"props":3263,"children":3264},{"style":131},[3265],{"type":72,"value":134},{"type":67,"tag":124,"props":3267,"children":3268},{"style":137},[3269],{"type":72,"value":140},{"type":67,"tag":124,"props":3271,"children":3272},{"style":143},[3273],{"type":72,"value":2893},{"type":67,"tag":124,"props":3275,"children":3276},{"style":137},[3277],{"type":72,"value":151},{"type":67,"tag":124,"props":3279,"children":3280},{"style":131},[3281],{"type":72,"value":156},{"type":67,"tag":124,"props":3283,"children":3284},{"style":137},[3285],{"type":72,"value":161},{"type":67,"tag":124,"props":3287,"children":3288},{"style":164},[3289],{"type":72,"value":32},{"type":67,"tag":124,"props":3291,"children":3292},{"style":137},[3293],{"type":72,"value":172},{"type":67,"tag":124,"props":3295,"children":3296},{"class":126,"line":185},[3297],{"type":67,"tag":124,"props":3298,"children":3299},{"emptyLinePlaceholder":179},[3300],{"type":72,"value":182},{"type":67,"tag":124,"props":3302,"children":3303},{"class":126,"line":246},[3304,3308,3312,3316],{"type":67,"tag":124,"props":3305,"children":3306},{"style":189},[3307],{"type":72,"value":192},{"type":67,"tag":124,"props":3309,"children":3310},{"style":195},[3311],{"type":72,"value":2932},{"type":67,"tag":124,"props":3313,"children":3314},{"style":137},[3315],{"type":72,"value":438},{"type":67,"tag":124,"props":3317,"children":3318},{"style":137},[3319],{"type":72,"value":243},{"type":67,"tag":124,"props":3321,"children":3322},{"class":126,"line":260},[3323,3327,3331,3335,3339,3343,3347,3351,3355,3359,3363],{"type":67,"tag":124,"props":3324,"children":3325},{"style":189},[3326],{"type":72,"value":1510},{"type":67,"tag":124,"props":3328,"children":3329},{"style":137},[3330],{"type":72,"value":2773},{"type":67,"tag":124,"props":3332,"children":3333},{"style":143},[3334],{"type":72,"value":2956},{"type":67,"tag":124,"props":3336,"children":3337},{"style":137},[3338],{"type":72,"value":988},{"type":67,"tag":124,"props":3340,"children":3341},{"style":143},[3342],{"type":72,"value":2965},{"type":67,"tag":124,"props":3344,"children":3345},{"style":137},[3346],{"type":72,"value":2970},{"type":67,"tag":124,"props":3348,"children":3349},{"style":137},[3350],{"type":72,"value":1520},{"type":67,"tag":124,"props":3352,"children":3353},{"style":195},[3354],{"type":72,"value":2893},{"type":67,"tag":124,"props":3356,"children":3357},{"style":221},[3358],{"type":72,"value":1050},{"type":67,"tag":124,"props":3360,"children":3361},{"style":592},[3362],{"type":72,"value":703},{"type":67,"tag":124,"props":3364,"children":3365},{"style":221},[3366],{"type":72,"value":1107},{"type":67,"tag":124,"props":3368,"children":3369},{"class":126,"line":317},[3370],{"type":67,"tag":124,"props":3371,"children":3372},{"emptyLinePlaceholder":179},[3373],{"type":72,"value":182},{"type":67,"tag":124,"props":3375,"children":3376},{"class":126,"line":326},[3377,3381,3385,3390,3394,3399,3403,3408,3412,3416,3420,3424],{"type":67,"tag":124,"props":3378,"children":3379},{"style":189},[3380],{"type":72,"value":1510},{"type":67,"tag":124,"props":3382,"children":3383},{"style":137},[3384],{"type":72,"value":140},{"type":67,"tag":124,"props":3386,"children":3387},{"style":143},[3388],{"type":72,"value":3389}," proceed",{"type":67,"tag":124,"props":3391,"children":3392},{"style":137},[3393],{"type":72,"value":988},{"type":67,"tag":124,"props":3395,"children":3396},{"style":143},[3397],{"type":72,"value":3398}," reset",{"type":67,"tag":124,"props":3400,"children":3401},{"style":137},[3402],{"type":72,"value":988},{"type":67,"tag":124,"props":3404,"children":3405},{"style":143},[3406],{"type":72,"value":3407}," status",{"type":67,"tag":124,"props":3409,"children":3410},{"style":137},[3411],{"type":72,"value":151},{"type":67,"tag":124,"props":3413,"children":3414},{"style":137},[3415],{"type":72,"value":1520},{"type":67,"tag":124,"props":3417,"children":3418},{"style":195},[3419],{"type":72,"value":2857},{"type":67,"tag":124,"props":3421,"children":3422},{"style":221},[3423],{"type":72,"value":1050},{"type":67,"tag":124,"props":3425,"children":3426},{"style":137},[3427],{"type":72,"value":1072},{"type":67,"tag":124,"props":3429,"children":3430},{"class":126,"line":344},[3431,3435,3439,3443,3447,3452],{"type":67,"tag":124,"props":3432,"children":3433},{"style":195},[3434],{"type":72,"value":3021},{"type":67,"tag":124,"props":3436,"children":3437},{"style":137},[3438],{"type":72,"value":111},{"type":67,"tag":124,"props":3440,"children":3441},{"style":137},[3442],{"type":72,"value":3030},{"type":67,"tag":124,"props":3444,"children":3445},{"style":189},[3446],{"type":72,"value":825},{"type":67,"tag":124,"props":3448,"children":3449},{"style":143},[3450],{"type":72,"value":3451}," formIsDirty",{"type":67,"tag":124,"props":3453,"children":3454},{"style":137},[3455],{"type":72,"value":1094},{"type":67,"tag":124,"props":3457,"children":3458},{"class":126,"line":353},[3459,3464,3468,3472],{"type":67,"tag":124,"props":3460,"children":3461},{"style":221},[3462],{"type":72,"value":3463}," withResolver",{"type":67,"tag":124,"props":3465,"children":3466},{"style":137},[3467],{"type":72,"value":111},{"type":67,"tag":124,"props":3469,"children":3470},{"style":592},[3471],{"type":72,"value":595},{"type":67,"tag":124,"props":3473,"children":3474},{"style":137},[3475],{"type":72,"value":1094},{"type":67,"tag":124,"props":3477,"children":3478},{"class":126,"line":602},[3479,3483],{"type":67,"tag":124,"props":3480,"children":3481},{"style":137},[3482],{"type":72,"value":3150},{"type":67,"tag":124,"props":3484,"children":3485},{"style":221},[3486],{"type":72,"value":1107},{"type":67,"tag":124,"props":3488,"children":3489},{"class":126,"line":611},[3490],{"type":67,"tag":124,"props":3491,"children":3492},{"emptyLinePlaceholder":179},[3493],{"type":72,"value":182},{"type":67,"tag":124,"props":3495,"children":3496},{"class":126,"line":620},[3497,3501],{"type":67,"tag":124,"props":3498,"children":3499},{"style":131},[3500],{"type":72,"value":252},{"type":67,"tag":124,"props":3502,"children":3503},{"style":221},[3504],{"type":72,"value":257},{"type":67,"tag":124,"props":3506,"children":3507},{"class":126,"line":636},[3508],{"type":67,"tag":124,"props":3509,"children":3510},{"style":137},[3511],{"type":72,"value":3512}," \u003C>\n",{"type":67,"tag":124,"props":3514,"children":3515},{"class":126,"line":644},[3516,3520,3524,3528,3532,3536,3540],{"type":67,"tag":124,"props":3517,"children":3518},{"style":137},[3519],{"type":72,"value":1186},{"type":67,"tag":124,"props":3521,"children":3522},{"style":221},[3523],{"type":72,"value":1962},{"type":67,"tag":124,"props":3525,"children":3526},{"style":137},[3527],{"type":72,"value":3181},{"type":67,"tag":124,"props":3529,"children":3530},{"style":1171},[3531],{"type":72,"value":1986},{"type":67,"tag":124,"props":3533,"children":3534},{"style":137},[3535],{"type":72,"value":1991},{"type":67,"tag":124,"props":3537,"children":3538},{"style":221},[3539],{"type":72,"value":1962},{"type":67,"tag":124,"props":3541,"children":3542},{"style":137},[3543],{"type":72,"value":341},{"type":67,"tag":124,"props":3545,"children":3546},{"class":126,"line":1276},[3547,3551,3556,3561,3565,3570,3574,3579],{"type":67,"tag":124,"props":3548,"children":3549},{"style":137},[3550],{"type":72,"value":1168},{"type":67,"tag":124,"props":3552,"children":3553},{"style":143},[3554],{"type":72,"value":3555},"status ",{"type":67,"tag":124,"props":3557,"children":3558},{"style":137},[3559],{"type":72,"value":3560},"===",{"type":67,"tag":124,"props":3562,"children":3563},{"style":137},[3564],{"type":72,"value":161},{"type":67,"tag":124,"props":3566,"children":3567},{"style":164},[3568],{"type":72,"value":3569},"blocked",{"type":67,"tag":124,"props":3571,"children":3572},{"style":137},[3573],{"type":72,"value":526},{"type":67,"tag":124,"props":3575,"children":3576},{"style":137},[3577],{"type":72,"value":3578}," &&",{"type":67,"tag":124,"props":3580,"children":3581},{"style":143},[3582],{"type":72,"value":257},{"type":67,"tag":124,"props":3584,"children":3585},{"class":126,"line":1293},[3586,3591,3595],{"type":67,"tag":124,"props":3587,"children":3588},{"style":137},[3589],{"type":72,"value":3590}," \u003C",{"type":67,"tag":124,"props":3592,"children":3593},{"style":221},[3594],{"type":72,"value":1156},{"type":67,"tag":124,"props":3596,"children":3597},{"style":137},[3598],{"type":72,"value":341},{"type":67,"tag":124,"props":3600,"children":3601},{"class":126,"line":1353},[3602,3607,3611,3616,3620,3624,3628],{"type":67,"tag":124,"props":3603,"children":3604},{"style":137},[3605],{"type":72,"value":3606}," \u003C",{"type":67,"tag":124,"props":3608,"children":3609},{"style":221},[3610],{"type":72,"value":82},{"type":67,"tag":124,"props":3612,"children":3613},{"style":137},[3614],{"type":72,"value":3615},">",{"type":67,"tag":124,"props":3617,"children":3618},{"style":143},[3619],{"type":72,"value":3108},{"type":67,"tag":124,"props":3621,"children":3622},{"style":137},[3623],{"type":72,"value":890},{"type":67,"tag":124,"props":3625,"children":3626},{"style":221},[3627],{"type":72,"value":82},{"type":67,"tag":124,"props":3629,"children":3630},{"style":137},[3631],{"type":72,"value":341},{"type":67,"tag":124,"props":3633,"children":3634},{"class":126,"line":1362},[3635,3639,3644,3649,3653,3658,3662,3667,3671,3675],{"type":67,"tag":124,"props":3636,"children":3637},{"style":137},[3638],{"type":72,"value":3606},{"type":67,"tag":124,"props":3640,"children":3641},{"style":221},[3642],{"type":72,"value":3643},"button",{"type":67,"tag":124,"props":3645,"children":3646},{"style":189},[3647],{"type":72,"value":3648}," onClick",{"type":67,"tag":124,"props":3650,"children":3651},{"style":137},[3652],{"type":72,"value":843},{"type":67,"tag":124,"props":3654,"children":3655},{"style":143},[3656],{"type":72,"value":3657},"proceed",{"type":67,"tag":124,"props":3659,"children":3660},{"style":137},[3661],{"type":72,"value":880},{"type":67,"tag":124,"props":3663,"children":3664},{"style":143},[3665],{"type":72,"value":3666},"Yes",{"type":67,"tag":124,"props":3668,"children":3669},{"style":137},[3670],{"type":72,"value":890},{"type":67,"tag":124,"props":3672,"children":3673},{"style":221},[3674],{"type":72,"value":3643},{"type":67,"tag":124,"props":3676,"children":3677},{"style":137},[3678],{"type":72,"value":341},{"type":67,"tag":124,"props":3680,"children":3681},{"class":126,"line":1378},[3682,3686,3690,3694,3698,3703,3707,3712,3716,3720],{"type":67,"tag":124,"props":3683,"children":3684},{"style":137},[3685],{"type":72,"value":3606},{"type":67,"tag":124,"props":3687,"children":3688},{"style":221},[3689],{"type":72,"value":3643},{"type":67,"tag":124,"props":3691,"children":3692},{"style":189},[3693],{"type":72,"value":3648},{"type":67,"tag":124,"props":3695,"children":3696},{"style":137},[3697],{"type":72,"value":843},{"type":67,"tag":124,"props":3699,"children":3700},{"style":143},[3701],{"type":72,"value":3702},"reset",{"type":67,"tag":124,"props":3704,"children":3705},{"style":137},[3706],{"type":72,"value":880},{"type":67,"tag":124,"props":3708,"children":3709},{"style":143},[3710],{"type":72,"value":3711},"No",{"type":67,"tag":124,"props":3713,"children":3714},{"style":137},[3715],{"type":72,"value":890},{"type":67,"tag":124,"props":3717,"children":3718},{"style":221},[3719],{"type":72,"value":3643},{"type":67,"tag":124,"props":3721,"children":3722},{"style":137},[3723],{"type":72,"value":341},{"type":67,"tag":124,"props":3725,"children":3726},{"class":126,"line":1394},[3727,3732,3736],{"type":67,"tag":124,"props":3728,"children":3729},{"style":137},[3730],{"type":72,"value":3731}," \u003C\u002F",{"type":67,"tag":124,"props":3733,"children":3734},{"style":221},[3735],{"type":72,"value":1156},{"type":67,"tag":124,"props":3737,"children":3738},{"style":137},[3739],{"type":72,"value":341},{"type":67,"tag":124,"props":3741,"children":3742},{"class":126,"line":1402},[3743,3748],{"type":67,"tag":124,"props":3744,"children":3745},{"style":143},[3746],{"type":72,"value":3747}," )",{"type":67,"tag":124,"props":3749,"children":3750},{"style":137},[3751],{"type":72,"value":359},{"type":67,"tag":124,"props":3753,"children":3755},{"class":126,"line":3754},22,[3756],{"type":67,"tag":124,"props":3757,"children":3758},{"style":137},[3759],{"type":72,"value":3760}," \u003C\u002F>\n",{"type":67,"tag":124,"props":3762,"children":3764},{"class":126,"line":3763},23,[3765],{"type":67,"tag":124,"props":3766,"children":3767},{"style":221},[3768],{"type":72,"value":350},{"type":67,"tag":124,"props":3770,"children":3772},{"class":126,"line":3771},24,[3773],{"type":67,"tag":124,"props":3774,"children":3775},{"style":137},[3776],{"type":72,"value":359},{"type":67,"tag":82,"props":3778,"children":3779},{},[3780,3782,3788],{"type":72,"value":3781},"Control ",{"type":67,"tag":88,"props":3783,"children":3785},{"className":3784},[],[3786],{"type":72,"value":3787},"beforeunload",{"type":72,"value":3789}," separately:",{"type":67,"tag":113,"props":3791,"children":3793},{"className":115,"code":3792,"language":117,"meta":118,"style":118},"useBlocker({\n shouldBlockFn: () => formIsDirty,\n enableBeforeUnload: formIsDirty,\n})\n",[3794],{"type":67,"tag":88,"props":3795,"children":3796},{"__ignoreMap":118},[3797,3812,3840,3860],{"type":67,"tag":124,"props":3798,"children":3799},{"class":126,"line":127},[3800,3804,3808],{"type":67,"tag":124,"props":3801,"children":3802},{"style":195},[3803],{"type":72,"value":2832},{"type":67,"tag":124,"props":3805,"children":3806},{"style":143},[3807],{"type":72,"value":1050},{"type":67,"tag":124,"props":3809,"children":3810},{"style":137},[3811],{"type":72,"value":1072},{"type":67,"tag":124,"props":3813,"children":3814},{"class":126,"line":175},[3815,3820,3824,3828,3832,3836],{"type":67,"tag":124,"props":3816,"children":3817},{"style":195},[3818],{"type":72,"value":3819}," shouldBlockFn",{"type":67,"tag":124,"props":3821,"children":3822},{"style":137},[3823],{"type":72,"value":111},{"type":67,"tag":124,"props":3825,"children":3826},{"style":137},[3827],{"type":72,"value":3030},{"type":67,"tag":124,"props":3829,"children":3830},{"style":189},[3831],{"type":72,"value":825},{"type":67,"tag":124,"props":3833,"children":3834},{"style":143},[3835],{"type":72,"value":3451},{"type":67,"tag":124,"props":3837,"children":3838},{"style":137},[3839],{"type":72,"value":1094},{"type":67,"tag":124,"props":3841,"children":3842},{"class":126,"line":185},[3843,3848,3852,3856],{"type":67,"tag":124,"props":3844,"children":3845},{"style":221},[3846],{"type":72,"value":3847}," enableBeforeUnload",{"type":67,"tag":124,"props":3849,"children":3850},{"style":137},[3851],{"type":72,"value":111},{"type":67,"tag":124,"props":3853,"children":3854},{"style":143},[3855],{"type":72,"value":3451},{"type":67,"tag":124,"props":3857,"children":3858},{"style":137},[3859],{"type":72,"value":1094},{"type":67,"tag":124,"props":3861,"children":3862},{"class":126,"line":246},[3863,3867],{"type":67,"tag":124,"props":3864,"children":3865},{"style":137},[3866],{"type":72,"value":1102},{"type":67,"tag":124,"props":3868,"children":3869},{"style":143},[3870],{"type":72,"value":1107},{"type":67,"tag":367,"props":3872,"children":3874},{"id":3873},"linkoptions-for-reusable-navigation-options",[3875],{"type":72,"value":3876},"linkOptions for Reusable Navigation Options",{"type":67,"tag":82,"props":3878,"children":3879},{},[3880,3886],{"type":67,"tag":88,"props":3881,"children":3883},{"className":3882},[],[3884],{"type":72,"value":3885},"linkOptions",{"type":72,"value":3887}," provides eager type-checking on navigation options objects, so errors surface at definition, not at spread-site:",{"type":67,"tag":113,"props":3889,"children":3891},{"className":115,"code":3890,"language":117,"meta":118,"style":118},"import {\n linkOptions,\n Link,\n useNavigate,\n redirect,\n} from '@tanstack\u002Freact-router'\n\nconst dashboardLinkOptions = linkOptions({\n to: '\u002Fdashboard',\n search: { search: '' },\n})\n\n\u002F\u002F Use anywhere: Link, navigate, redirect\nfunction Nav() {\n const navigate = useNavigate()\n\n return (\n \u003Cdiv>\n \u003CLink {...dashboardLinkOptions}>Dashboard\u003C\u002FLink>\n \u003Cbutton onClick={() => navigate(dashboardLinkOptions)}>Go\u003C\u002Fbutton>\n \u003C\u002Fdiv>\n )\n}\n\n\u002F\u002F Also works in an array for navigation bars\nconst navOptions = linkOptions([\n { to: '\u002Fdashboard', label: 'Summary', activeOptions: { exact: true } },\n { to: '\u002Fdashboard\u002Finvoices', label: 'Invoices' },\n { to: '\u002Fdashboard\u002Fusers', label: 'Users' },\n])\n\nfunction NavBar() {\n return (\n \u003Cnav>\n {navOptions.map((option) => (\n \u003CLink\n {...option}\n key={option.to}\n activeProps={{ className: 'font-bold' }}\n >\n {option.label}\n \u003C\u002FLink>\n ))}\n \u003C\u002Fnav>\n )\n}\n",[3892],{"type":67,"tag":88,"props":3893,"children":3894},{"__ignoreMap":118},[3895,3906,3918,3930,3942,3954,3977,3984,4013,4041,4075,4086,4093,4101,4121,4144,4151,4162,4177,4219,4273,4288,4295,4302,4309,4318,4344,4436,4494,4552,4560,4568,4589,4601,4618,4665,4677,4694,4723,4760,4769,4795,4811,4824,4840,4848],{"type":67,"tag":124,"props":3896,"children":3897},{"class":126,"line":127},[3898,3902],{"type":67,"tag":124,"props":3899,"children":3900},{"style":131},[3901],{"type":72,"value":134},{"type":67,"tag":124,"props":3903,"children":3904},{"style":137},[3905],{"type":72,"value":243},{"type":67,"tag":124,"props":3907,"children":3908},{"class":126,"line":175},[3909,3914],{"type":67,"tag":124,"props":3910,"children":3911},{"style":143},[3912],{"type":72,"value":3913}," linkOptions",{"type":67,"tag":124,"props":3915,"children":3916},{"style":137},[3917],{"type":72,"value":1094},{"type":67,"tag":124,"props":3919,"children":3920},{"class":126,"line":185},[3921,3926],{"type":67,"tag":124,"props":3922,"children":3923},{"style":143},[3924],{"type":72,"value":3925}," Link",{"type":67,"tag":124,"props":3927,"children":3928},{"style":137},[3929],{"type":72,"value":1094},{"type":67,"tag":124,"props":3931,"children":3932},{"class":126,"line":246},[3933,3938],{"type":67,"tag":124,"props":3934,"children":3935},{"style":143},[3936],{"type":72,"value":3937}," useNavigate",{"type":67,"tag":124,"props":3939,"children":3940},{"style":137},[3941],{"type":72,"value":1094},{"type":67,"tag":124,"props":3943,"children":3944},{"class":126,"line":260},[3945,3950],{"type":67,"tag":124,"props":3946,"children":3947},{"style":143},[3948],{"type":72,"value":3949}," redirect",{"type":67,"tag":124,"props":3951,"children":3952},{"style":137},[3953],{"type":72,"value":1094},{"type":67,"tag":124,"props":3955,"children":3956},{"class":126,"line":317},[3957,3961,3965,3969,3973],{"type":67,"tag":124,"props":3958,"children":3959},{"style":137},[3960],{"type":72,"value":1102},{"type":67,"tag":124,"props":3962,"children":3963},{"style":131},[3964],{"type":72,"value":156},{"type":67,"tag":124,"props":3966,"children":3967},{"style":137},[3968],{"type":72,"value":161},{"type":67,"tag":124,"props":3970,"children":3971},{"style":164},[3972],{"type":72,"value":167},{"type":67,"tag":124,"props":3974,"children":3975},{"style":137},[3976],{"type":72,"value":172},{"type":67,"tag":124,"props":3978,"children":3979},{"class":126,"line":326},[3980],{"type":67,"tag":124,"props":3981,"children":3982},{"emptyLinePlaceholder":179},[3983],{"type":72,"value":182},{"type":67,"tag":124,"props":3985,"children":3986},{"class":126,"line":344},[3987,3991,3996,4000,4005,4009],{"type":67,"tag":124,"props":3988,"children":3989},{"style":189},[3990],{"type":72,"value":2273},{"type":67,"tag":124,"props":3992,"children":3993},{"style":143},[3994],{"type":72,"value":3995}," dashboardLinkOptions ",{"type":67,"tag":124,"props":3997,"children":3998},{"style":137},[3999],{"type":72,"value":280},{"type":67,"tag":124,"props":4001,"children":4002},{"style":195},[4003],{"type":72,"value":4004}," linkOptions",{"type":67,"tag":124,"props":4006,"children":4007},{"style":143},[4008],{"type":72,"value":1050},{"type":67,"tag":124,"props":4010,"children":4011},{"style":137},[4012],{"type":72,"value":1072},{"type":67,"tag":124,"props":4014,"children":4015},{"class":126,"line":353},[4016,4020,4024,4028,4033,4037],{"type":67,"tag":124,"props":4017,"children":4018},{"style":221},[4019],{"type":72,"value":2403},{"type":67,"tag":124,"props":4021,"children":4022},{"style":137},[4023],{"type":72,"value":111},{"type":67,"tag":124,"props":4025,"children":4026},{"style":137},[4027],{"type":72,"value":161},{"type":67,"tag":124,"props":4029,"children":4030},{"style":164},[4031],{"type":72,"value":4032},"\u002Fdashboard",{"type":67,"tag":124,"props":4034,"children":4035},{"style":137},[4036],{"type":72,"value":526},{"type":67,"tag":124,"props":4038,"children":4039},{"style":137},[4040],{"type":72,"value":1094},{"type":67,"tag":124,"props":4042,"children":4043},{"class":126,"line":602},[4044,4049,4053,4057,4062,4066,4070],{"type":67,"tag":124,"props":4045,"children":4046},{"style":221},[4047],{"type":72,"value":4048}," search",{"type":67,"tag":124,"props":4050,"children":4051},{"style":137},[4052],{"type":72,"value":111},{"type":67,"tag":124,"props":4054,"children":4055},{"style":137},[4056],{"type":72,"value":140},{"type":67,"tag":124,"props":4058,"children":4059},{"style":221},[4060],{"type":72,"value":4061}," search",{"type":67,"tag":124,"props":4063,"children":4064},{"style":137},[4065],{"type":72,"value":111},{"type":67,"tag":124,"props":4067,"children":4068},{"style":137},[4069],{"type":72,"value":875},{"type":67,"tag":124,"props":4071,"children":4072},{"style":137},[4073],{"type":72,"value":4074}," },\n",{"type":67,"tag":124,"props":4076,"children":4077},{"class":126,"line":611},[4078,4082],{"type":67,"tag":124,"props":4079,"children":4080},{"style":137},[4081],{"type":72,"value":1102},{"type":67,"tag":124,"props":4083,"children":4084},{"style":143},[4085],{"type":72,"value":1107},{"type":67,"tag":124,"props":4087,"children":4088},{"class":126,"line":620},[4089],{"type":67,"tag":124,"props":4090,"children":4091},{"emptyLinePlaceholder":179},[4092],{"type":72,"value":182},{"type":67,"tag":124,"props":4094,"children":4095},{"class":126,"line":636},[4096],{"type":67,"tag":124,"props":4097,"children":4098},{"style":1171},[4099],{"type":72,"value":4100},"\u002F\u002F Use anywhere: Link, navigate, redirect\n",{"type":67,"tag":124,"props":4102,"children":4103},{"class":126,"line":644},[4104,4108,4113,4117],{"type":67,"tag":124,"props":4105,"children":4106},{"style":189},[4107],{"type":72,"value":192},{"type":67,"tag":124,"props":4109,"children":4110},{"style":195},[4111],{"type":72,"value":4112}," Nav",{"type":67,"tag":124,"props":4114,"children":4115},{"style":137},[4116],{"type":72,"value":438},{"type":67,"tag":124,"props":4118,"children":4119},{"style":137},[4120],{"type":72,"value":243},{"type":67,"tag":124,"props":4122,"children":4123},{"class":126,"line":1276},[4124,4128,4132,4136,4140],{"type":67,"tag":124,"props":4125,"children":4126},{"style":189},[4127],{"type":72,"value":1510},{"type":67,"tag":124,"props":4129,"children":4130},{"style":143},[4131],{"type":72,"value":1515},{"type":67,"tag":124,"props":4133,"children":4134},{"style":137},[4135],{"type":72,"value":1520},{"type":67,"tag":124,"props":4137,"children":4138},{"style":195},[4139],{"type":72,"value":1455},{"type":67,"tag":124,"props":4141,"children":4142},{"style":221},[4143],{"type":72,"value":1652},{"type":67,"tag":124,"props":4145,"children":4146},{"class":126,"line":1293},[4147],{"type":67,"tag":124,"props":4148,"children":4149},{"emptyLinePlaceholder":179},[4150],{"type":72,"value":182},{"type":67,"tag":124,"props":4152,"children":4153},{"class":126,"line":1353},[4154,4158],{"type":67,"tag":124,"props":4155,"children":4156},{"style":131},[4157],{"type":72,"value":252},{"type":67,"tag":124,"props":4159,"children":4160},{"style":221},[4161],{"type":72,"value":257},{"type":67,"tag":124,"props":4163,"children":4164},{"class":126,"line":1362},[4165,4169,4173],{"type":67,"tag":124,"props":4166,"children":4167},{"style":137},[4168],{"type":72,"value":266},{"type":67,"tag":124,"props":4170,"children":4171},{"style":221},[4172],{"type":72,"value":1156},{"type":67,"tag":124,"props":4174,"children":4175},{"style":137},[4176],{"type":72,"value":341},{"type":67,"tag":124,"props":4178,"children":4179},{"class":126,"line":1378},[4180,4184,4188,4193,4198,4202,4207,4211,4215],{"type":67,"tag":124,"props":4181,"children":4182},{"style":137},[4183],{"type":72,"value":1186},{"type":67,"tag":124,"props":4185,"children":4186},{"style":230},[4187],{"type":72,"value":93},{"type":67,"tag":124,"props":4189,"children":4190},{"style":137},[4191],{"type":72,"value":4192}," {...",{"type":67,"tag":124,"props":4194,"children":4195},{"style":143},[4196],{"type":72,"value":4197},"dashboardLinkOptions",{"type":67,"tag":124,"props":4199,"children":4200},{"style":137},[4201],{"type":72,"value":880},{"type":67,"tag":124,"props":4203,"children":4204},{"style":143},[4205],{"type":72,"value":4206},"Dashboard",{"type":67,"tag":124,"props":4208,"children":4209},{"style":137},[4210],{"type":72,"value":890},{"type":67,"tag":124,"props":4212,"children":4213},{"style":230},[4214],{"type":72,"value":93},{"type":67,"tag":124,"props":4216,"children":4217},{"style":137},[4218],{"type":72,"value":341},{"type":67,"tag":124,"props":4220,"children":4221},{"class":126,"line":1394},[4222,4226,4230,4234,4239,4243,4247,4252,4256,4261,4265,4269],{"type":67,"tag":124,"props":4223,"children":4224},{"style":137},[4225],{"type":72,"value":1186},{"type":67,"tag":124,"props":4227,"children":4228},{"style":221},[4229],{"type":72,"value":3643},{"type":67,"tag":124,"props":4231,"children":4232},{"style":189},[4233],{"type":72,"value":3648},{"type":67,"tag":124,"props":4235,"children":4236},{"style":137},[4237],{"type":72,"value":4238},"={()",{"type":67,"tag":124,"props":4240,"children":4241},{"style":189},[4242],{"type":72,"value":825},{"type":67,"tag":124,"props":4244,"children":4245},{"style":195},[4246],{"type":72,"value":1515},{"type":67,"tag":124,"props":4248,"children":4249},{"style":143},[4250],{"type":72,"value":4251},"(dashboardLinkOptions)",{"type":67,"tag":124,"props":4253,"children":4254},{"style":137},[4255],{"type":72,"value":880},{"type":67,"tag":124,"props":4257,"children":4258},{"style":143},[4259],{"type":72,"value":4260},"Go",{"type":67,"tag":124,"props":4262,"children":4263},{"style":137},[4264],{"type":72,"value":890},{"type":67,"tag":124,"props":4266,"children":4267},{"style":221},[4268],{"type":72,"value":3643},{"type":67,"tag":124,"props":4270,"children":4271},{"style":137},[4272],{"type":72,"value":341},{"type":67,"tag":124,"props":4274,"children":4275},{"class":126,"line":1402},[4276,4280,4284],{"type":67,"tag":124,"props":4277,"children":4278},{"style":137},[4279],{"type":72,"value":332},{"type":67,"tag":124,"props":4281,"children":4282},{"style":221},[4283],{"type":72,"value":1156},{"type":67,"tag":124,"props":4285,"children":4286},{"style":137},[4287],{"type":72,"value":341},{"type":67,"tag":124,"props":4289,"children":4290},{"class":126,"line":3754},[4291],{"type":67,"tag":124,"props":4292,"children":4293},{"style":221},[4294],{"type":72,"value":350},{"type":67,"tag":124,"props":4296,"children":4297},{"class":126,"line":3763},[4298],{"type":67,"tag":124,"props":4299,"children":4300},{"style":137},[4301],{"type":72,"value":359},{"type":67,"tag":124,"props":4303,"children":4304},{"class":126,"line":3771},[4305],{"type":67,"tag":124,"props":4306,"children":4307},{"emptyLinePlaceholder":179},[4308],{"type":72,"value":182},{"type":67,"tag":124,"props":4310,"children":4312},{"class":126,"line":4311},25,[4313],{"type":67,"tag":124,"props":4314,"children":4315},{"style":1171},[4316],{"type":72,"value":4317},"\u002F\u002F Also works in an array for navigation bars\n",{"type":67,"tag":124,"props":4319,"children":4321},{"class":126,"line":4320},26,[4322,4326,4331,4335,4339],{"type":67,"tag":124,"props":4323,"children":4324},{"style":189},[4325],{"type":72,"value":2273},{"type":67,"tag":124,"props":4327,"children":4328},{"style":143},[4329],{"type":72,"value":4330}," navOptions ",{"type":67,"tag":124,"props":4332,"children":4333},{"style":137},[4334],{"type":72,"value":280},{"type":67,"tag":124,"props":4336,"children":4337},{"style":195},[4338],{"type":72,"value":4004},{"type":67,"tag":124,"props":4340,"children":4341},{"style":143},[4342],{"type":72,"value":4343},"([\n",{"type":67,"tag":124,"props":4345,"children":4347},{"class":126,"line":4346},27,[4348,4353,4357,4361,4365,4369,4373,4377,4382,4386,4390,4395,4399,4403,4408,4412,4416,4420,4424,4428,4432],{"type":67,"tag":124,"props":4349,"children":4350},{"style":137},[4351],{"type":72,"value":4352}," {",{"type":67,"tag":124,"props":4354,"children":4355},{"style":221},[4356],{"type":72,"value":275},{"type":67,"tag":124,"props":4358,"children":4359},{"style":137},[4360],{"type":72,"value":111},{"type":67,"tag":124,"props":4362,"children":4363},{"style":137},[4364],{"type":72,"value":161},{"type":67,"tag":124,"props":4366,"children":4367},{"style":164},[4368],{"type":72,"value":4032},{"type":67,"tag":124,"props":4370,"children":4371},{"style":137},[4372],{"type":72,"value":526},{"type":67,"tag":124,"props":4374,"children":4375},{"style":137},[4376],{"type":72,"value":988},{"type":67,"tag":124,"props":4378,"children":4379},{"style":221},[4380],{"type":72,"value":4381}," label",{"type":67,"tag":124,"props":4383,"children":4384},{"style":137},[4385],{"type":72,"value":111},{"type":67,"tag":124,"props":4387,"children":4388},{"style":137},[4389],{"type":72,"value":161},{"type":67,"tag":124,"props":4391,"children":4392},{"style":164},[4393],{"type":72,"value":4394},"Summary",{"type":67,"tag":124,"props":4396,"children":4397},{"style":137},[4398],{"type":72,"value":526},{"type":67,"tag":124,"props":4400,"children":4401},{"style":137},[4402],{"type":72,"value":988},{"type":67,"tag":124,"props":4404,"children":4405},{"style":221},[4406],{"type":72,"value":4407}," activeOptions",{"type":67,"tag":124,"props":4409,"children":4410},{"style":137},[4411],{"type":72,"value":111},{"type":67,"tag":124,"props":4413,"children":4414},{"style":137},[4415],{"type":72,"value":140},{"type":67,"tag":124,"props":4417,"children":4418},{"style":221},[4419],{"type":72,"value":585},{"type":67,"tag":124,"props":4421,"children":4422},{"style":137},[4423],{"type":72,"value":111},{"type":67,"tag":124,"props":4425,"children":4426},{"style":592},[4427],{"type":72,"value":595},{"type":67,"tag":124,"props":4429,"children":4430},{"style":137},[4431],{"type":72,"value":151},{"type":67,"tag":124,"props":4433,"children":4434},{"style":137},[4435],{"type":72,"value":4074},{"type":67,"tag":124,"props":4437,"children":4439},{"class":126,"line":4438},28,[4440,4444,4448,4452,4456,4461,4465,4469,4473,4477,4481,4486,4490],{"type":67,"tag":124,"props":4441,"children":4442},{"style":137},[4443],{"type":72,"value":4352},{"type":67,"tag":124,"props":4445,"children":4446},{"style":221},[4447],{"type":72,"value":275},{"type":67,"tag":124,"props":4449,"children":4450},{"style":137},[4451],{"type":72,"value":111},{"type":67,"tag":124,"props":4453,"children":4454},{"style":137},[4455],{"type":72,"value":161},{"type":67,"tag":124,"props":4457,"children":4458},{"style":164},[4459],{"type":72,"value":4460},"\u002Fdashboard\u002Finvoices",{"type":67,"tag":124,"props":4462,"children":4463},{"style":137},[4464],{"type":72,"value":526},{"type":67,"tag":124,"props":4466,"children":4467},{"style":137},[4468],{"type":72,"value":988},{"type":67,"tag":124,"props":4470,"children":4471},{"style":221},[4472],{"type":72,"value":4381},{"type":67,"tag":124,"props":4474,"children":4475},{"style":137},[4476],{"type":72,"value":111},{"type":67,"tag":124,"props":4478,"children":4479},{"style":137},[4480],{"type":72,"value":161},{"type":67,"tag":124,"props":4482,"children":4483},{"style":164},[4484],{"type":72,"value":4485},"Invoices",{"type":67,"tag":124,"props":4487,"children":4488},{"style":137},[4489],{"type":72,"value":526},{"type":67,"tag":124,"props":4491,"children":4492},{"style":137},[4493],{"type":72,"value":4074},{"type":67,"tag":124,"props":4495,"children":4497},{"class":126,"line":4496},29,[4498,4502,4506,4510,4514,4519,4523,4527,4531,4535,4539,4544,4548],{"type":67,"tag":124,"props":4499,"children":4500},{"style":137},[4501],{"type":72,"value":4352},{"type":67,"tag":124,"props":4503,"children":4504},{"style":221},[4505],{"type":72,"value":275},{"type":67,"tag":124,"props":4507,"children":4508},{"style":137},[4509],{"type":72,"value":111},{"type":67,"tag":124,"props":4511,"children":4512},{"style":137},[4513],{"type":72,"value":161},{"type":67,"tag":124,"props":4515,"children":4516},{"style":164},[4517],{"type":72,"value":4518},"\u002Fdashboard\u002Fusers",{"type":67,"tag":124,"props":4520,"children":4521},{"style":137},[4522],{"type":72,"value":526},{"type":67,"tag":124,"props":4524,"children":4525},{"style":137},[4526],{"type":72,"value":988},{"type":67,"tag":124,"props":4528,"children":4529},{"style":221},[4530],{"type":72,"value":4381},{"type":67,"tag":124,"props":4532,"children":4533},{"style":137},[4534],{"type":72,"value":111},{"type":67,"tag":124,"props":4536,"children":4537},{"style":137},[4538],{"type":72,"value":161},{"type":67,"tag":124,"props":4540,"children":4541},{"style":164},[4542],{"type":72,"value":4543},"Users",{"type":67,"tag":124,"props":4545,"children":4546},{"style":137},[4547],{"type":72,"value":526},{"type":67,"tag":124,"props":4549,"children":4550},{"style":137},[4551],{"type":72,"value":4074},{"type":67,"tag":124,"props":4553,"children":4555},{"class":126,"line":4554},30,[4556],{"type":67,"tag":124,"props":4557,"children":4558},{"style":143},[4559],{"type":72,"value":2782},{"type":67,"tag":124,"props":4561,"children":4563},{"class":126,"line":4562},31,[4564],{"type":67,"tag":124,"props":4565,"children":4566},{"emptyLinePlaceholder":179},[4567],{"type":72,"value":182},{"type":67,"tag":124,"props":4569,"children":4571},{"class":126,"line":4570},32,[4572,4576,4581,4585],{"type":67,"tag":124,"props":4573,"children":4574},{"style":189},[4575],{"type":72,"value":192},{"type":67,"tag":124,"props":4577,"children":4578},{"style":195},[4579],{"type":72,"value":4580}," NavBar",{"type":67,"tag":124,"props":4582,"children":4583},{"style":137},[4584],{"type":72,"value":438},{"type":67,"tag":124,"props":4586,"children":4587},{"style":137},[4588],{"type":72,"value":243},{"type":67,"tag":124,"props":4590,"children":4592},{"class":126,"line":4591},33,[4593,4597],{"type":67,"tag":124,"props":4594,"children":4595},{"style":131},[4596],{"type":72,"value":252},{"type":67,"tag":124,"props":4598,"children":4599},{"style":221},[4600],{"type":72,"value":257},{"type":67,"tag":124,"props":4602,"children":4604},{"class":126,"line":4603},34,[4605,4609,4614],{"type":67,"tag":124,"props":4606,"children":4607},{"style":137},[4608],{"type":72,"value":266},{"type":67,"tag":124,"props":4610,"children":4611},{"style":221},[4612],{"type":72,"value":4613},"nav",{"type":67,"tag":124,"props":4615,"children":4616},{"style":137},[4617],{"type":72,"value":341},{"type":67,"tag":124,"props":4619,"children":4621},{"class":126,"line":4620},35,[4622,4626,4631,4635,4640,4644,4648,4653,4657,4661],{"type":67,"tag":124,"props":4623,"children":4624},{"style":137},[4625],{"type":72,"value":1168},{"type":67,"tag":124,"props":4627,"children":4628},{"style":143},[4629],{"type":72,"value":4630},"navOptions",{"type":67,"tag":124,"props":4632,"children":4633},{"style":137},[4634],{"type":72,"value":1208},{"type":67,"tag":124,"props":4636,"children":4637},{"style":195},[4638],{"type":72,"value":4639},"map",{"type":67,"tag":124,"props":4641,"children":4642},{"style":143},[4643],{"type":72,"value":1050},{"type":67,"tag":124,"props":4645,"children":4646},{"style":137},[4647],{"type":72,"value":1050},{"type":67,"tag":124,"props":4649,"children":4650},{"style":206},[4651],{"type":72,"value":4652},"option",{"type":67,"tag":124,"props":4654,"children":4655},{"style":137},[4656],{"type":72,"value":1622},{"type":67,"tag":124,"props":4658,"children":4659},{"style":189},[4660],{"type":72,"value":825},{"type":67,"tag":124,"props":4662,"children":4663},{"style":143},[4664],{"type":72,"value":257},{"type":67,"tag":124,"props":4666,"children":4668},{"class":126,"line":4667},36,[4669,4673],{"type":67,"tag":124,"props":4670,"children":4671},{"style":137},[4672],{"type":72,"value":3590},{"type":67,"tag":124,"props":4674,"children":4675},{"style":230},[4676],{"type":72,"value":465},{"type":67,"tag":124,"props":4678,"children":4680},{"class":126,"line":4679},37,[4681,4686,4690],{"type":67,"tag":124,"props":4682,"children":4683},{"style":137},[4684],{"type":72,"value":4685}," {...",{"type":67,"tag":124,"props":4687,"children":4688},{"style":143},[4689],{"type":72,"value":4652},{"type":67,"tag":124,"props":4691,"children":4692},{"style":137},[4693],{"type":72,"value":359},{"type":67,"tag":124,"props":4695,"children":4697},{"class":126,"line":4696},38,[4698,4703,4707,4711,4715,4719],{"type":67,"tag":124,"props":4699,"children":4700},{"style":189},[4701],{"type":72,"value":4702}," key",{"type":67,"tag":124,"props":4704,"children":4705},{"style":137},[4706],{"type":72,"value":843},{"type":67,"tag":124,"props":4708,"children":4709},{"style":143},[4710],{"type":72,"value":4652},{"type":67,"tag":124,"props":4712,"children":4713},{"style":137},[4714],{"type":72,"value":1208},{"type":67,"tag":124,"props":4716,"children":4717},{"style":143},[4718],{"type":72,"value":101},{"type":67,"tag":124,"props":4720,"children":4721},{"style":137},[4722],{"type":72,"value":359},{"type":67,"tag":124,"props":4724,"children":4726},{"class":126,"line":4725},39,[4727,4732,4736,4740,4744,4748,4752,4756],{"type":67,"tag":124,"props":4728,"children":4729},{"style":189},[4730],{"type":72,"value":4731}," activeProps",{"type":67,"tag":124,"props":4733,"children":4734},{"style":137},[4735],{"type":72,"value":304},{"type":67,"tag":124,"props":4737,"children":4738},{"style":221},[4739],{"type":72,"value":508},{"type":67,"tag":124,"props":4741,"children":4742},{"style":137},[4743],{"type":72,"value":111},{"type":67,"tag":124,"props":4745,"children":4746},{"style":137},[4747],{"type":72,"value":161},{"type":67,"tag":124,"props":4749,"children":4750},{"style":164},[4751],{"type":72,"value":521},{"type":67,"tag":124,"props":4753,"children":4754},{"style":137},[4755],{"type":72,"value":526},{"type":67,"tag":124,"props":4757,"children":4758},{"style":137},[4759],{"type":72,"value":531},{"type":67,"tag":124,"props":4761,"children":4763},{"class":126,"line":4762},40,[4764],{"type":67,"tag":124,"props":4765,"children":4766},{"style":137},[4767],{"type":72,"value":4768}," >\n",{"type":67,"tag":124,"props":4770,"children":4772},{"class":126,"line":4771},41,[4773,4778,4782,4786,4791],{"type":67,"tag":124,"props":4774,"children":4775},{"style":137},[4776],{"type":72,"value":4777}," {",{"type":67,"tag":124,"props":4779,"children":4780},{"style":143},[4781],{"type":72,"value":4652},{"type":67,"tag":124,"props":4783,"children":4784},{"style":137},[4785],{"type":72,"value":1208},{"type":67,"tag":124,"props":4787,"children":4788},{"style":143},[4789],{"type":72,"value":4790},"label",{"type":67,"tag":124,"props":4792,"children":4793},{"style":137},[4794],{"type":72,"value":359},{"type":67,"tag":124,"props":4796,"children":4798},{"class":126,"line":4797},42,[4799,4803,4807],{"type":67,"tag":124,"props":4800,"children":4801},{"style":137},[4802],{"type":72,"value":3731},{"type":67,"tag":124,"props":4804,"children":4805},{"style":230},[4806],{"type":72,"value":93},{"type":67,"tag":124,"props":4808,"children":4809},{"style":137},[4810],{"type":72,"value":341},{"type":67,"tag":124,"props":4812,"children":4814},{"class":126,"line":4813},43,[4815,4820],{"type":67,"tag":124,"props":4816,"children":4817},{"style":143},[4818],{"type":72,"value":4819}," ))",{"type":67,"tag":124,"props":4821,"children":4822},{"style":137},[4823],{"type":72,"value":359},{"type":67,"tag":124,"props":4825,"children":4827},{"class":126,"line":4826},44,[4828,4832,4836],{"type":67,"tag":124,"props":4829,"children":4830},{"style":137},[4831],{"type":72,"value":332},{"type":67,"tag":124,"props":4833,"children":4834},{"style":221},[4835],{"type":72,"value":4613},{"type":67,"tag":124,"props":4837,"children":4838},{"style":137},[4839],{"type":72,"value":341},{"type":67,"tag":124,"props":4841,"children":4843},{"class":126,"line":4842},45,[4844],{"type":67,"tag":124,"props":4845,"children":4846},{"style":221},[4847],{"type":72,"value":350},{"type":67,"tag":124,"props":4849,"children":4851},{"class":126,"line":4850},46,[4852],{"type":67,"tag":124,"props":4853,"children":4854},{"style":137},[4855],{"type":72,"value":359},{"type":67,"tag":367,"props":4857,"children":4859},{"id":4858},"createlink-for-custom-components",[4860],{"type":72,"value":4861},"createLink for Custom Components",{"type":67,"tag":82,"props":4863,"children":4864},{},[4865],{"type":72,"value":4866},"Wraps any component with TanStack Router's type-safe navigation:",{"type":67,"tag":113,"props":4868,"children":4870},{"className":115,"code":4869,"language":117,"meta":118,"style":118},"import * as React from 'react'\nimport { createLink, LinkComponent } from '@tanstack\u002Freact-router'\n\ninterface BasicLinkProps extends React.AnchorHTMLAttributes\u003CHTMLAnchorElement> {}\n\nconst BasicLinkComponent = React.forwardRef\u003CHTMLAnchorElement, BasicLinkProps>(\n (props, ref) => {\n return \u003Ca ref={ref} {...props} className=\"block px-3 py-2 text-blue-700\" \u002F>\n },\n)\n\nconst CreatedLinkComponent = createLink(BasicLinkComponent)\n\nexport const CustomLink: LinkComponent\u003Ctypeof BasicLinkComponent> = (props) => {\n return \u003CCreatedLinkComponent preload=\"intent\" {...props} \u002F>\n}\n",[4871],{"type":67,"tag":88,"props":4872,"children":4873},{"__ignoreMap":118},[4874,4912,4957,4964,5013,5020,5074,5108,5177,5185,5192,5199,5224,5231,5293,5343],{"type":67,"tag":124,"props":4875,"children":4876},{"class":126,"line":127},[4877,4881,4886,4891,4896,4900,4904,4908],{"type":67,"tag":124,"props":4878,"children":4879},{"style":131},[4880],{"type":72,"value":134},{"type":67,"tag":124,"props":4882,"children":4883},{"style":137},[4884],{"type":72,"value":4885}," *",{"type":67,"tag":124,"props":4887,"children":4888},{"style":131},[4889],{"type":72,"value":4890}," as",{"type":67,"tag":124,"props":4892,"children":4893},{"style":143},[4894],{"type":72,"value":4895}," React ",{"type":67,"tag":124,"props":4897,"children":4898},{"style":131},[4899],{"type":72,"value":926},{"type":67,"tag":124,"props":4901,"children":4902},{"style":137},[4903],{"type":72,"value":161},{"type":67,"tag":124,"props":4905,"children":4906},{"style":164},[4907],{"type":72,"value":32},{"type":67,"tag":124,"props":4909,"children":4910},{"style":137},[4911],{"type":72,"value":172},{"type":67,"tag":124,"props":4913,"children":4914},{"class":126,"line":175},[4915,4919,4923,4928,4932,4937,4941,4945,4949,4953],{"type":67,"tag":124,"props":4916,"children":4917},{"style":131},[4918],{"type":72,"value":134},{"type":67,"tag":124,"props":4920,"children":4921},{"style":137},[4922],{"type":72,"value":140},{"type":67,"tag":124,"props":4924,"children":4925},{"style":143},[4926],{"type":72,"value":4927}," createLink",{"type":67,"tag":124,"props":4929,"children":4930},{"style":137},[4931],{"type":72,"value":988},{"type":67,"tag":124,"props":4933,"children":4934},{"style":143},[4935],{"type":72,"value":4936}," LinkComponent",{"type":67,"tag":124,"props":4938,"children":4939},{"style":137},[4940],{"type":72,"value":151},{"type":67,"tag":124,"props":4942,"children":4943},{"style":131},[4944],{"type":72,"value":156},{"type":67,"tag":124,"props":4946,"children":4947},{"style":137},[4948],{"type":72,"value":161},{"type":67,"tag":124,"props":4950,"children":4951},{"style":164},[4952],{"type":72,"value":167},{"type":67,"tag":124,"props":4954,"children":4955},{"style":137},[4956],{"type":72,"value":172},{"type":67,"tag":124,"props":4958,"children":4959},{"class":126,"line":185},[4960],{"type":67,"tag":124,"props":4961,"children":4962},{"emptyLinePlaceholder":179},[4963],{"type":72,"value":182},{"type":67,"tag":124,"props":4965,"children":4966},{"class":126,"line":246},[4967,4972,4977,4982,4986,4990,4995,4999,5004,5008],{"type":67,"tag":124,"props":4968,"children":4969},{"style":189},[4970],{"type":72,"value":4971},"interface",{"type":67,"tag":124,"props":4973,"children":4974},{"style":230},[4975],{"type":72,"value":4976}," BasicLinkProps",{"type":67,"tag":124,"props":4978,"children":4979},{"style":189},[4980],{"type":72,"value":4981}," extends",{"type":67,"tag":124,"props":4983,"children":4984},{"style":230},[4985],{"type":72,"value":1608},{"type":67,"tag":124,"props":4987,"children":4988},{"style":137},[4989],{"type":72,"value":1208},{"type":67,"tag":124,"props":4991,"children":4992},{"style":230},[4993],{"type":72,"value":4994},"AnchorHTMLAttributes",{"type":67,"tag":124,"props":4996,"children":4997},{"style":137},[4998],{"type":72,"value":775},{"type":67,"tag":124,"props":5000,"children":5001},{"style":230},[5002],{"type":72,"value":5003},"HTMLAnchorElement",{"type":67,"tag":124,"props":5005,"children":5006},{"style":137},[5007],{"type":72,"value":3615},{"type":67,"tag":124,"props":5009,"children":5010},{"style":137},[5011],{"type":72,"value":5012}," {}\n",{"type":67,"tag":124,"props":5014,"children":5015},{"class":126,"line":260},[5016],{"type":67,"tag":124,"props":5017,"children":5018},{"emptyLinePlaceholder":179},[5019],{"type":72,"value":182},{"type":67,"tag":124,"props":5021,"children":5022},{"class":126,"line":317},[5023,5027,5032,5036,5040,5044,5049,5053,5057,5061,5065,5069],{"type":67,"tag":124,"props":5024,"children":5025},{"style":189},[5026],{"type":72,"value":2273},{"type":67,"tag":124,"props":5028,"children":5029},{"style":143},[5030],{"type":72,"value":5031}," BasicLinkComponent ",{"type":67,"tag":124,"props":5033,"children":5034},{"style":137},[5035],{"type":72,"value":280},{"type":67,"tag":124,"props":5037,"children":5038},{"style":143},[5039],{"type":72,"value":1608},{"type":67,"tag":124,"props":5041,"children":5042},{"style":137},[5043],{"type":72,"value":1208},{"type":67,"tag":124,"props":5045,"children":5046},{"style":195},[5047],{"type":72,"value":5048},"forwardRef",{"type":67,"tag":124,"props":5050,"children":5051},{"style":137},[5052],{"type":72,"value":775},{"type":67,"tag":124,"props":5054,"children":5055},{"style":230},[5056],{"type":72,"value":5003},{"type":67,"tag":124,"props":5058,"children":5059},{"style":137},[5060],{"type":72,"value":988},{"type":67,"tag":124,"props":5062,"children":5063},{"style":230},[5064],{"type":72,"value":4976},{"type":67,"tag":124,"props":5066,"children":5067},{"style":137},[5068],{"type":72,"value":3615},{"type":67,"tag":124,"props":5070,"children":5071},{"style":143},[5072],{"type":72,"value":5073},"(\n",{"type":67,"tag":124,"props":5075,"children":5076},{"class":126,"line":326},[5077,5082,5087,5091,5096,5100,5104],{"type":67,"tag":124,"props":5078,"children":5079},{"style":137},[5080],{"type":72,"value":5081}," (",{"type":67,"tag":124,"props":5083,"children":5084},{"style":206},[5085],{"type":72,"value":5086},"props",{"type":67,"tag":124,"props":5088,"children":5089},{"style":137},[5090],{"type":72,"value":988},{"type":67,"tag":124,"props":5092,"children":5093},{"style":206},[5094],{"type":72,"value":5095}," ref",{"type":67,"tag":124,"props":5097,"children":5098},{"style":137},[5099],{"type":72,"value":1622},{"type":67,"tag":124,"props":5101,"children":5102},{"style":189},[5103],{"type":72,"value":825},{"type":67,"tag":124,"props":5105,"children":5106},{"style":137},[5107],{"type":72,"value":243},{"type":67,"tag":124,"props":5109,"children":5110},{"class":126,"line":344},[5111,5116,5120,5125,5129,5133,5138,5143,5147,5151,5156,5160,5164,5169,5173],{"type":67,"tag":124,"props":5112,"children":5113},{"style":131},[5114],{"type":72,"value":5115}," return",{"type":67,"tag":124,"props":5117,"children":5118},{"style":137},[5119],{"type":72,"value":830},{"type":67,"tag":124,"props":5121,"children":5122},{"style":221},[5123],{"type":72,"value":5124},"a",{"type":67,"tag":124,"props":5126,"children":5127},{"style":189},[5128],{"type":72,"value":5095},{"type":67,"tag":124,"props":5130,"children":5131},{"style":137},[5132],{"type":72,"value":843},{"type":67,"tag":124,"props":5134,"children":5135},{"style":143},[5136],{"type":72,"value":5137},"ref",{"type":67,"tag":124,"props":5139,"children":5140},{"style":137},[5141],{"type":72,"value":5142},"} {...",{"type":67,"tag":124,"props":5144,"children":5145},{"style":143},[5146],{"type":72,"value":5086},{"type":67,"tag":124,"props":5148,"children":5149},{"style":137},[5150],{"type":72,"value":1218},{"type":67,"tag":124,"props":5152,"children":5153},{"style":189},[5154],{"type":72,"value":5155},"className",{"type":67,"tag":124,"props":5157,"children":5158},{"style":137},[5159],{"type":72,"value":280},{"type":67,"tag":124,"props":5161,"children":5162},{"style":137},[5163],{"type":72,"value":285},{"type":67,"tag":124,"props":5165,"children":5166},{"style":164},[5167],{"type":72,"value":5168},"block px-3 py-2 text-blue-700",{"type":67,"tag":124,"props":5170,"children":5171},{"style":137},[5172],{"type":72,"value":285},{"type":67,"tag":124,"props":5174,"children":5175},{"style":137},[5176],{"type":72,"value":2809},{"type":67,"tag":124,"props":5178,"children":5179},{"class":126,"line":353},[5180],{"type":67,"tag":124,"props":5181,"children":5182},{"style":137},[5183],{"type":72,"value":5184}," },\n",{"type":67,"tag":124,"props":5186,"children":5187},{"class":126,"line":602},[5188],{"type":67,"tag":124,"props":5189,"children":5190},{"style":143},[5191],{"type":72,"value":1107},{"type":67,"tag":124,"props":5193,"children":5194},{"class":126,"line":611},[5195],{"type":67,"tag":124,"props":5196,"children":5197},{"emptyLinePlaceholder":179},[5198],{"type":72,"value":182},{"type":67,"tag":124,"props":5200,"children":5201},{"class":126,"line":620},[5202,5206,5211,5215,5219],{"type":67,"tag":124,"props":5203,"children":5204},{"style":189},[5205],{"type":72,"value":2273},{"type":67,"tag":124,"props":5207,"children":5208},{"style":143},[5209],{"type":72,"value":5210}," CreatedLinkComponent ",{"type":67,"tag":124,"props":5212,"children":5213},{"style":137},[5214],{"type":72,"value":280},{"type":67,"tag":124,"props":5216,"children":5217},{"style":195},[5218],{"type":72,"value":4927},{"type":67,"tag":124,"props":5220,"children":5221},{"style":143},[5222],{"type":72,"value":5223},"(BasicLinkComponent)\n",{"type":67,"tag":124,"props":5225,"children":5226},{"class":126,"line":636},[5227],{"type":67,"tag":124,"props":5228,"children":5229},{"emptyLinePlaceholder":179},[5230],{"type":72,"value":182},{"type":67,"tag":124,"props":5232,"children":5233},{"class":126,"line":644},[5234,5238,5242,5247,5251,5255,5260,5265,5269,5273,5277,5281,5285,5289],{"type":67,"tag":124,"props":5235,"children":5236},{"style":131},[5237],{"type":72,"value":1027},{"type":67,"tag":124,"props":5239,"children":5240},{"style":189},[5241],{"type":72,"value":1032},{"type":67,"tag":124,"props":5243,"children":5244},{"style":143},[5245],{"type":72,"value":5246}," CustomLink",{"type":67,"tag":124,"props":5248,"children":5249},{"style":137},[5250],{"type":72,"value":111},{"type":67,"tag":124,"props":5252,"children":5253},{"style":230},[5254],{"type":72,"value":4936},{"type":67,"tag":124,"props":5256,"children":5257},{"style":137},[5258],{"type":72,"value":5259},"\u003Ctypeof",{"type":67,"tag":124,"props":5261,"children":5262},{"style":143},[5263],{"type":72,"value":5264}," BasicLinkComponent",{"type":67,"tag":124,"props":5266,"children":5267},{"style":137},[5268],{"type":72,"value":3615},{"type":67,"tag":124,"props":5270,"children":5271},{"style":137},[5272],{"type":72,"value":1520},{"type":67,"tag":124,"props":5274,"children":5275},{"style":137},[5276],{"type":72,"value":1594},{"type":67,"tag":124,"props":5278,"children":5279},{"style":206},[5280],{"type":72,"value":5086},{"type":67,"tag":124,"props":5282,"children":5283},{"style":137},[5284],{"type":72,"value":1622},{"type":67,"tag":124,"props":5286,"children":5287},{"style":189},[5288],{"type":72,"value":825},{"type":67,"tag":124,"props":5290,"children":5291},{"style":137},[5292],{"type":72,"value":243},{"type":67,"tag":124,"props":5294,"children":5295},{"class":126,"line":1276},[5296,5300,5304,5309,5314,5318,5322,5326,5330,5334,5338],{"type":67,"tag":124,"props":5297,"children":5298},{"style":131},[5299],{"type":72,"value":252},{"type":67,"tag":124,"props":5301,"children":5302},{"style":137},[5303],{"type":72,"value":830},{"type":67,"tag":124,"props":5305,"children":5306},{"style":230},[5307],{"type":72,"value":5308},"CreatedLinkComponent",{"type":67,"tag":124,"props":5310,"children":5311},{"style":189},[5312],{"type":72,"value":5313}," preload",{"type":67,"tag":124,"props":5315,"children":5316},{"style":137},[5317],{"type":72,"value":280},{"type":67,"tag":124,"props":5319,"children":5320},{"style":137},[5321],{"type":72,"value":285},{"type":67,"tag":124,"props":5323,"children":5324},{"style":164},[5325],{"type":72,"value":2192},{"type":67,"tag":124,"props":5327,"children":5328},{"style":137},[5329],{"type":72,"value":285},{"type":67,"tag":124,"props":5331,"children":5332},{"style":137},[5333],{"type":72,"value":4192},{"type":67,"tag":124,"props":5335,"children":5336},{"style":143},[5337],{"type":72,"value":5086},{"type":67,"tag":124,"props":5339,"children":5340},{"style":137},[5341],{"type":72,"value":5342},"} \u002F>\n",{"type":67,"tag":124,"props":5344,"children":5345},{"class":126,"line":1293},[5346],{"type":67,"tag":124,"props":5347,"children":5348},{"style":137},[5349],{"type":72,"value":359},{"type":67,"tag":82,"props":5351,"children":5352},{},[5353],{"type":72,"value":5354},"Usage retains full type safety:",{"type":67,"tag":113,"props":5356,"children":5358},{"className":115,"code":5357,"language":117,"meta":118,"style":118},"\u003CCustomLink to=\"\u002Fdashboard\u002Finvoices\u002F$invoiceId\" params={{ invoiceId: 0 }} \u002F>\n",[5359],{"type":67,"tag":88,"props":5360,"children":5361},{"__ignoreMap":118},[5362],{"type":67,"tag":124,"props":5363,"children":5364},{"class":126,"line":127},[5365,5369,5374,5378,5382,5386,5391,5395,5399,5403,5408,5412,5417],{"type":67,"tag":124,"props":5366,"children":5367},{"style":137},[5368],{"type":72,"value":775},{"type":67,"tag":124,"props":5370,"children":5371},{"style":230},[5372],{"type":72,"value":5373},"CustomLink",{"type":67,"tag":124,"props":5375,"children":5376},{"style":189},[5377],{"type":72,"value":275},{"type":67,"tag":124,"props":5379,"children":5380},{"style":137},[5381],{"type":72,"value":280},{"type":67,"tag":124,"props":5383,"children":5384},{"style":137},[5385],{"type":72,"value":285},{"type":67,"tag":124,"props":5387,"children":5388},{"style":164},[5389],{"type":72,"value":5390},"\u002Fdashboard\u002Finvoices\u002F$invoiceId",{"type":67,"tag":124,"props":5392,"children":5393},{"style":137},[5394],{"type":72,"value":285},{"type":67,"tag":124,"props":5396,"children":5397},{"style":189},[5398],{"type":72,"value":299},{"type":67,"tag":124,"props":5400,"children":5401},{"style":137},[5402],{"type":72,"value":304},{"type":67,"tag":124,"props":5404,"children":5405},{"style":221},[5406],{"type":72,"value":5407}," invoiceId",{"type":67,"tag":124,"props":5409,"children":5410},{"style":137},[5411],{"type":72,"value":111},{"type":67,"tag":124,"props":5413,"children":5414},{"style":2349},[5415],{"type":72,"value":5416}," 0",{"type":67,"tag":124,"props":5418,"children":5419},{"style":137},[5420],{"type":72,"value":2157},{"type":67,"tag":367,"props":5422,"children":5424},{"id":5423},"scroll-restoration",[5425],{"type":72,"value":5426},"Scroll Restoration",{"type":67,"tag":82,"props":5428,"children":5429},{},[5430],{"type":72,"value":5431},"Enable globally on the router:",{"type":67,"tag":113,"props":5433,"children":5435},{"className":115,"code":5434,"language":117,"meta":118,"style":118},"const router = createRouter({\n routeTree,\n scrollRestoration: true,\n})\n",[5436],{"type":67,"tag":88,"props":5437,"children":5438},{"__ignoreMap":118},[5439,5466,5477,5497],{"type":67,"tag":124,"props":5440,"children":5441},{"class":126,"line":127},[5442,5446,5450,5454,5458,5462],{"type":67,"tag":124,"props":5443,"children":5444},{"style":189},[5445],{"type":72,"value":2273},{"type":67,"tag":124,"props":5447,"children":5448},{"style":143},[5449],{"type":72,"value":2278},{"type":67,"tag":124,"props":5451,"children":5452},{"style":137},[5453],{"type":72,"value":280},{"type":67,"tag":124,"props":5455,"children":5456},{"style":195},[5457],{"type":72,"value":2238},{"type":67,"tag":124,"props":5459,"children":5460},{"style":143},[5461],{"type":72,"value":1050},{"type":67,"tag":124,"props":5463,"children":5464},{"style":137},[5465],{"type":72,"value":1072},{"type":67,"tag":124,"props":5467,"children":5468},{"class":126,"line":175},[5469,5473],{"type":67,"tag":124,"props":5470,"children":5471},{"style":143},[5472],{"type":72,"value":2302},{"type":67,"tag":124,"props":5474,"children":5475},{"style":137},[5476],{"type":72,"value":1094},{"type":67,"tag":124,"props":5478,"children":5479},{"class":126,"line":185},[5480,5485,5489,5493],{"type":67,"tag":124,"props":5481,"children":5482},{"style":221},[5483],{"type":72,"value":5484}," scrollRestoration",{"type":67,"tag":124,"props":5486,"children":5487},{"style":137},[5488],{"type":72,"value":111},{"type":67,"tag":124,"props":5490,"children":5491},{"style":592},[5492],{"type":72,"value":595},{"type":67,"tag":124,"props":5494,"children":5495},{"style":137},[5496],{"type":72,"value":1094},{"type":67,"tag":124,"props":5498,"children":5499},{"class":126,"line":246},[5500,5504],{"type":67,"tag":124,"props":5501,"children":5502},{"style":137},[5503],{"type":72,"value":1102},{"type":67,"tag":124,"props":5505,"children":5506},{"style":143},[5507],{"type":72,"value":1107},{"type":67,"tag":82,"props":5509,"children":5510},{},[5511],{"type":72,"value":5512},"For nested scrollable areas:",{"type":67,"tag":113,"props":5514,"children":5516},{"className":115,"code":5515,"language":117,"meta":118,"style":118},"const router = createRouter({\n routeTree,\n scrollRestoration: true,\n scrollToTopSelectors: ['#main-scrollable-area'],\n})\n",[5517],{"type":67,"tag":88,"props":5518,"children":5519},{"__ignoreMap":118},[5520,5547,5558,5577,5614],{"type":67,"tag":124,"props":5521,"children":5522},{"class":126,"line":127},[5523,5527,5531,5535,5539,5543],{"type":67,"tag":124,"props":5524,"children":5525},{"style":189},[5526],{"type":72,"value":2273},{"type":67,"tag":124,"props":5528,"children":5529},{"style":143},[5530],{"type":72,"value":2278},{"type":67,"tag":124,"props":5532,"children":5533},{"style":137},[5534],{"type":72,"value":280},{"type":67,"tag":124,"props":5536,"children":5537},{"style":195},[5538],{"type":72,"value":2238},{"type":67,"tag":124,"props":5540,"children":5541},{"style":143},[5542],{"type":72,"value":1050},{"type":67,"tag":124,"props":5544,"children":5545},{"style":137},[5546],{"type":72,"value":1072},{"type":67,"tag":124,"props":5548,"children":5549},{"class":126,"line":175},[5550,5554],{"type":67,"tag":124,"props":5551,"children":5552},{"style":143},[5553],{"type":72,"value":2302},{"type":67,"tag":124,"props":5555,"children":5556},{"style":137},[5557],{"type":72,"value":1094},{"type":67,"tag":124,"props":5559,"children":5560},{"class":126,"line":185},[5561,5565,5569,5573],{"type":67,"tag":124,"props":5562,"children":5563},{"style":221},[5564],{"type":72,"value":5484},{"type":67,"tag":124,"props":5566,"children":5567},{"style":137},[5568],{"type":72,"value":111},{"type":67,"tag":124,"props":5570,"children":5571},{"style":592},[5572],{"type":72,"value":595},{"type":67,"tag":124,"props":5574,"children":5575},{"style":137},[5576],{"type":72,"value":1094},{"type":67,"tag":124,"props":5578,"children":5579},{"class":126,"line":246},[5580,5585,5589,5593,5597,5602,5606,5610],{"type":67,"tag":124,"props":5581,"children":5582},{"style":221},[5583],{"type":72,"value":5584}," scrollToTopSelectors",{"type":67,"tag":124,"props":5586,"children":5587},{"style":137},[5588],{"type":72,"value":111},{"type":67,"tag":124,"props":5590,"children":5591},{"style":143},[5592],{"type":72,"value":2773},{"type":67,"tag":124,"props":5594,"children":5595},{"style":137},[5596],{"type":72,"value":526},{"type":67,"tag":124,"props":5598,"children":5599},{"style":164},[5600],{"type":72,"value":5601},"#main-scrollable-area",{"type":67,"tag":124,"props":5603,"children":5604},{"style":137},[5605],{"type":72,"value":526},{"type":67,"tag":124,"props":5607,"children":5608},{"style":143},[5609],{"type":72,"value":2970},{"type":67,"tag":124,"props":5611,"children":5612},{"style":137},[5613],{"type":72,"value":1094},{"type":67,"tag":124,"props":5615,"children":5616},{"class":126,"line":260},[5617,5621],{"type":67,"tag":124,"props":5618,"children":5619},{"style":137},[5620],{"type":72,"value":1102},{"type":67,"tag":124,"props":5622,"children":5623},{"style":143},[5624],{"type":72,"value":1107},{"type":67,"tag":82,"props":5626,"children":5627},{},[5628],{"type":72,"value":5629},"Custom cache keys:",{"type":67,"tag":113,"props":5631,"children":5633},{"className":115,"code":5632,"language":117,"meta":118,"style":118},"const router = createRouter({\n routeTree,\n scrollRestoration: true,\n getScrollRestorationKey: (location) => location.pathname,\n})\n",[5634],{"type":67,"tag":88,"props":5635,"children":5636},{"__ignoreMap":118},[5637,5664,5675,5694,5741],{"type":67,"tag":124,"props":5638,"children":5639},{"class":126,"line":127},[5640,5644,5648,5652,5656,5660],{"type":67,"tag":124,"props":5641,"children":5642},{"style":189},[5643],{"type":72,"value":2273},{"type":67,"tag":124,"props":5645,"children":5646},{"style":143},[5647],{"type":72,"value":2278},{"type":67,"tag":124,"props":5649,"children":5650},{"style":137},[5651],{"type":72,"value":280},{"type":67,"tag":124,"props":5653,"children":5654},{"style":195},[5655],{"type":72,"value":2238},{"type":67,"tag":124,"props":5657,"children":5658},{"style":143},[5659],{"type":72,"value":1050},{"type":67,"tag":124,"props":5661,"children":5662},{"style":137},[5663],{"type":72,"value":1072},{"type":67,"tag":124,"props":5665,"children":5666},{"class":126,"line":175},[5667,5671],{"type":67,"tag":124,"props":5668,"children":5669},{"style":143},[5670],{"type":72,"value":2302},{"type":67,"tag":124,"props":5672,"children":5673},{"style":137},[5674],{"type":72,"value":1094},{"type":67,"tag":124,"props":5676,"children":5677},{"class":126,"line":185},[5678,5682,5686,5690],{"type":67,"tag":124,"props":5679,"children":5680},{"style":221},[5681],{"type":72,"value":5484},{"type":67,"tag":124,"props":5683,"children":5684},{"style":137},[5685],{"type":72,"value":111},{"type":67,"tag":124,"props":5687,"children":5688},{"style":592},[5689],{"type":72,"value":595},{"type":67,"tag":124,"props":5691,"children":5692},{"style":137},[5693],{"type":72,"value":1094},{"type":67,"tag":124,"props":5695,"children":5696},{"class":126,"line":246},[5697,5702,5706,5710,5715,5719,5723,5728,5732,5737],{"type":67,"tag":124,"props":5698,"children":5699},{"style":195},[5700],{"type":72,"value":5701}," getScrollRestorationKey",{"type":67,"tag":124,"props":5703,"children":5704},{"style":137},[5705],{"type":72,"value":111},{"type":67,"tag":124,"props":5707,"children":5708},{"style":137},[5709],{"type":72,"value":1594},{"type":67,"tag":124,"props":5711,"children":5712},{"style":206},[5713],{"type":72,"value":5714},"location",{"type":67,"tag":124,"props":5716,"children":5717},{"style":137},[5718],{"type":72,"value":1622},{"type":67,"tag":124,"props":5720,"children":5721},{"style":189},[5722],{"type":72,"value":825},{"type":67,"tag":124,"props":5724,"children":5725},{"style":143},[5726],{"type":72,"value":5727}," location",{"type":67,"tag":124,"props":5729,"children":5730},{"style":137},[5731],{"type":72,"value":1208},{"type":67,"tag":124,"props":5733,"children":5734},{"style":143},[5735],{"type":72,"value":5736},"pathname",{"type":67,"tag":124,"props":5738,"children":5739},{"style":137},[5740],{"type":72,"value":1094},{"type":67,"tag":124,"props":5742,"children":5743},{"class":126,"line":260},[5744,5748],{"type":67,"tag":124,"props":5745,"children":5746},{"style":137},[5747],{"type":72,"value":1102},{"type":67,"tag":124,"props":5749,"children":5750},{"style":143},[5751],{"type":72,"value":1107},{"type":67,"tag":82,"props":5753,"children":5754},{},[5755],{"type":72,"value":5756},"Prevent scroll reset for a specific navigation:",{"type":67,"tag":113,"props":5758,"children":5760},{"className":115,"code":5759,"language":117,"meta":118,"style":118},"\u003CLink to=\"\u002Fposts\" resetScroll={false}>\n Posts\n\u003C\u002FLink>\n",[5761],{"type":67,"tag":88,"props":5762,"children":5763},{"__ignoreMap":118},[5764,5813,5821],{"type":67,"tag":124,"props":5765,"children":5766},{"class":126,"line":127},[5767,5771,5775,5779,5783,5787,5791,5795,5800,5804,5808],{"type":67,"tag":124,"props":5768,"children":5769},{"style":137},[5770],{"type":72,"value":775},{"type":67,"tag":124,"props":5772,"children":5773},{"style":230},[5774],{"type":72,"value":93},{"type":67,"tag":124,"props":5776,"children":5777},{"style":189},[5778],{"type":72,"value":275},{"type":67,"tag":124,"props":5780,"children":5781},{"style":137},[5782],{"type":72,"value":280},{"type":67,"tag":124,"props":5784,"children":5785},{"style":137},[5786],{"type":72,"value":285},{"type":67,"tag":124,"props":5788,"children":5789},{"style":164},[5790],{"type":72,"value":486},{"type":67,"tag":124,"props":5792,"children":5793},{"style":137},[5794],{"type":72,"value":285},{"type":67,"tag":124,"props":5796,"children":5797},{"style":189},[5798],{"type":72,"value":5799}," resetScroll",{"type":67,"tag":124,"props":5801,"children":5802},{"style":137},[5803],{"type":72,"value":843},{"type":67,"tag":124,"props":5805,"children":5806},{"style":592},[5807],{"type":72,"value":703},{"type":67,"tag":124,"props":5809,"children":5810},{"style":137},[5811],{"type":72,"value":5812},"}>\n",{"type":67,"tag":124,"props":5814,"children":5815},{"class":126,"line":175},[5816],{"type":67,"tag":124,"props":5817,"children":5818},{"style":143},[5819],{"type":72,"value":5820}," Posts\n",{"type":67,"tag":124,"props":5822,"children":5823},{"class":126,"line":185},[5824,5828,5832],{"type":67,"tag":124,"props":5825,"children":5826},{"style":137},[5827],{"type":72,"value":890},{"type":67,"tag":124,"props":5829,"children":5830},{"style":230},[5831],{"type":72,"value":93},{"type":67,"tag":124,"props":5833,"children":5834},{"style":137},[5835],{"type":72,"value":341},{"type":67,"tag":367,"props":5837,"children":5839},{"id":5838},"matchroute-for-pending-ui",[5840],{"type":72,"value":5841},"MatchRoute for Pending UI",{"type":67,"tag":113,"props":5843,"children":5845},{"className":115,"code":5844,"language":117,"meta":118,"style":118},"import { Link, MatchRoute } from '@tanstack\u002Freact-router'\n\nfunction Nav() {\n return (\n \u003CLink to=\"\u002Fusers\">\n Users\n \u003CMatchRoute to=\"\u002Fusers\" pending>\n \u003CSpinner \u002F>\n \u003C\u002FMatchRoute>\n \u003C\u002FLink>\n )\n}\n",[5846],{"type":67,"tag":88,"props":5847,"children":5848},{"__ignoreMap":118},[5849,5893,5900,5919,5930,5966,5974,6015,6031,6046,6061,6068],{"type":67,"tag":124,"props":5850,"children":5851},{"class":126,"line":127},[5852,5856,5860,5864,5868,5873,5877,5881,5885,5889],{"type":67,"tag":124,"props":5853,"children":5854},{"style":131},[5855],{"type":72,"value":134},{"type":67,"tag":124,"props":5857,"children":5858},{"style":137},[5859],{"type":72,"value":140},{"type":67,"tag":124,"props":5861,"children":5862},{"style":143},[5863],{"type":72,"value":146},{"type":67,"tag":124,"props":5865,"children":5866},{"style":137},[5867],{"type":72,"value":988},{"type":67,"tag":124,"props":5869,"children":5870},{"style":143},[5871],{"type":72,"value":5872}," MatchRoute",{"type":67,"tag":124,"props":5874,"children":5875},{"style":137},[5876],{"type":72,"value":151},{"type":67,"tag":124,"props":5878,"children":5879},{"style":131},[5880],{"type":72,"value":156},{"type":67,"tag":124,"props":5882,"children":5883},{"style":137},[5884],{"type":72,"value":161},{"type":67,"tag":124,"props":5886,"children":5887},{"style":164},[5888],{"type":72,"value":167},{"type":67,"tag":124,"props":5890,"children":5891},{"style":137},[5892],{"type":72,"value":172},{"type":67,"tag":124,"props":5894,"children":5895},{"class":126,"line":175},[5896],{"type":67,"tag":124,"props":5897,"children":5898},{"emptyLinePlaceholder":179},[5899],{"type":72,"value":182},{"type":67,"tag":124,"props":5901,"children":5902},{"class":126,"line":185},[5903,5907,5911,5915],{"type":67,"tag":124,"props":5904,"children":5905},{"style":189},[5906],{"type":72,"value":192},{"type":67,"tag":124,"props":5908,"children":5909},{"style":195},[5910],{"type":72,"value":4112},{"type":67,"tag":124,"props":5912,"children":5913},{"style":137},[5914],{"type":72,"value":438},{"type":67,"tag":124,"props":5916,"children":5917},{"style":137},[5918],{"type":72,"value":243},{"type":67,"tag":124,"props":5920,"children":5921},{"class":126,"line":246},[5922,5926],{"type":67,"tag":124,"props":5923,"children":5924},{"style":131},[5925],{"type":72,"value":252},{"type":67,"tag":124,"props":5927,"children":5928},{"style":221},[5929],{"type":72,"value":257},{"type":67,"tag":124,"props":5931,"children":5932},{"class":126,"line":260},[5933,5937,5941,5945,5949,5953,5958,5962],{"type":67,"tag":124,"props":5934,"children":5935},{"style":137},[5936],{"type":72,"value":266},{"type":67,"tag":124,"props":5938,"children":5939},{"style":230},[5940],{"type":72,"value":93},{"type":67,"tag":124,"props":5942,"children":5943},{"style":189},[5944],{"type":72,"value":275},{"type":67,"tag":124,"props":5946,"children":5947},{"style":137},[5948],{"type":72,"value":280},{"type":67,"tag":124,"props":5950,"children":5951},{"style":137},[5952],{"type":72,"value":285},{"type":67,"tag":124,"props":5954,"children":5955},{"style":164},[5956],{"type":72,"value":5957},"\u002Fusers",{"type":67,"tag":124,"props":5959,"children":5960},{"style":137},[5961],{"type":72,"value":285},{"type":67,"tag":124,"props":5963,"children":5964},{"style":137},[5965],{"type":72,"value":341},{"type":67,"tag":124,"props":5967,"children":5968},{"class":126,"line":317},[5969],{"type":67,"tag":124,"props":5970,"children":5971},{"style":143},[5972],{"type":72,"value":5973}," Users\n",{"type":67,"tag":124,"props":5975,"children":5976},{"class":126,"line":326},[5977,5981,5986,5990,5994,5998,6002,6006,6011],{"type":67,"tag":124,"props":5978,"children":5979},{"style":137},[5980],{"type":72,"value":1186},{"type":67,"tag":124,"props":5982,"children":5983},{"style":230},[5984],{"type":72,"value":5985},"MatchRoute",{"type":67,"tag":124,"props":5987,"children":5988},{"style":189},[5989],{"type":72,"value":275},{"type":67,"tag":124,"props":5991,"children":5992},{"style":137},[5993],{"type":72,"value":280},{"type":67,"tag":124,"props":5995,"children":5996},{"style":137},[5997],{"type":72,"value":285},{"type":67,"tag":124,"props":5999,"children":6000},{"style":164},[6001],{"type":72,"value":5957},{"type":67,"tag":124,"props":6003,"children":6004},{"style":137},[6005],{"type":72,"value":285},{"type":67,"tag":124,"props":6007,"children":6008},{"style":189},[6009],{"type":72,"value":6010}," pending",{"type":67,"tag":124,"props":6012,"children":6013},{"style":137},[6014],{"type":72,"value":341},{"type":67,"tag":124,"props":6016,"children":6017},{"class":126,"line":344},[6018,6022,6027],{"type":67,"tag":124,"props":6019,"children":6020},{"style":137},[6021],{"type":72,"value":3590},{"type":67,"tag":124,"props":6023,"children":6024},{"style":230},[6025],{"type":72,"value":6026},"Spinner",{"type":67,"tag":124,"props":6028,"children":6029},{"style":137},[6030],{"type":72,"value":2809},{"type":67,"tag":124,"props":6032,"children":6033},{"class":126,"line":353},[6034,6038,6042],{"type":67,"tag":124,"props":6035,"children":6036},{"style":137},[6037],{"type":72,"value":1258},{"type":67,"tag":124,"props":6039,"children":6040},{"style":230},[6041],{"type":72,"value":5985},{"type":67,"tag":124,"props":6043,"children":6044},{"style":137},[6045],{"type":72,"value":341},{"type":67,"tag":124,"props":6047,"children":6048},{"class":126,"line":602},[6049,6053,6057],{"type":67,"tag":124,"props":6050,"children":6051},{"style":137},[6052],{"type":72,"value":332},{"type":67,"tag":124,"props":6054,"children":6055},{"style":230},[6056],{"type":72,"value":93},{"type":67,"tag":124,"props":6058,"children":6059},{"style":137},[6060],{"type":72,"value":341},{"type":67,"tag":124,"props":6062,"children":6063},{"class":126,"line":611},[6064],{"type":67,"tag":124,"props":6065,"children":6066},{"style":221},[6067],{"type":72,"value":350},{"type":67,"tag":124,"props":6069,"children":6070},{"class":126,"line":620},[6071],{"type":67,"tag":124,"props":6072,"children":6073},{"style":137},[6074],{"type":72,"value":359},{"type":67,"tag":75,"props":6076,"children":6078},{"id":6077},"common-mistakes",[6079],{"type":72,"value":6080},"Common Mistakes",{"type":67,"tag":367,"props":6082,"children":6084},{"id":6083},"critical-interpolating-params-into-the-to-string",[6085,6087,6092],{"type":72,"value":6086},"CRITICAL: Interpolating params into the ",{"type":67,"tag":88,"props":6088,"children":6090},{"className":6089},[],[6091],{"type":72,"value":101},{"type":72,"value":233},{"type":67,"tag":113,"props":6094,"children":6096},{"className":115,"code":6095,"language":117,"meta":118,"style":118},"\u002F\u002F WRONG — breaks type safety and param encoding\n\u003CLink to={`\u002Fposts\u002F${postId}`}>Post\u003C\u002FLink>\n\n\u002F\u002F CORRECT — use the params option\n\u003CLink to=\"\u002Fposts\u002F$postId\" params={{ postId }}>Post\u003C\u002FLink>\n",[6097],{"type":67,"tag":88,"props":6098,"children":6099},{"__ignoreMap":118},[6100,6108,6173,6180,6188],{"type":67,"tag":124,"props":6101,"children":6102},{"class":126,"line":127},[6103],{"type":67,"tag":124,"props":6104,"children":6105},{"style":1171},[6106],{"type":72,"value":6107},"\u002F\u002F WRONG — breaks type safety and param encoding\n",{"type":67,"tag":124,"props":6109,"children":6110},{"class":126,"line":175},[6111,6115,6119,6123,6127,6132,6137,6142,6147,6152,6156,6161,6165,6169],{"type":67,"tag":124,"props":6112,"children":6113},{"style":137},[6114],{"type":72,"value":775},{"type":67,"tag":124,"props":6116,"children":6117},{"style":230},[6118],{"type":72,"value":93},{"type":67,"tag":124,"props":6120,"children":6121},{"style":189},[6122],{"type":72,"value":275},{"type":67,"tag":124,"props":6124,"children":6125},{"style":137},[6126],{"type":72,"value":843},{"type":67,"tag":124,"props":6128,"children":6129},{"style":137},[6130],{"type":72,"value":6131},"`",{"type":67,"tag":124,"props":6133,"children":6134},{"style":164},[6135],{"type":72,"value":6136},"\u002Fposts\u002F",{"type":67,"tag":124,"props":6138,"children":6139},{"style":137},[6140],{"type":72,"value":6141},"${",{"type":67,"tag":124,"props":6143,"children":6144},{"style":143},[6145],{"type":72,"value":6146},"postId",{"type":67,"tag":124,"props":6148,"children":6149},{"style":137},[6150],{"type":72,"value":6151},"}`",{"type":67,"tag":124,"props":6153,"children":6154},{"style":137},[6155],{"type":72,"value":880},{"type":67,"tag":124,"props":6157,"children":6158},{"style":143},[6159],{"type":72,"value":6160},"Post",{"type":67,"tag":124,"props":6162,"children":6163},{"style":137},[6164],{"type":72,"value":890},{"type":67,"tag":124,"props":6166,"children":6167},{"style":230},[6168],{"type":72,"value":93},{"type":67,"tag":124,"props":6170,"children":6171},{"style":137},[6172],{"type":72,"value":341},{"type":67,"tag":124,"props":6174,"children":6175},{"class":126,"line":185},[6176],{"type":67,"tag":124,"props":6177,"children":6178},{"emptyLinePlaceholder":179},[6179],{"type":72,"value":182},{"type":67,"tag":124,"props":6181,"children":6182},{"class":126,"line":246},[6183],{"type":67,"tag":124,"props":6184,"children":6185},{"style":1171},[6186],{"type":72,"value":6187},"\u002F\u002F CORRECT — use the params option\n",{"type":67,"tag":124,"props":6189,"children":6190},{"class":126,"line":260},[6191,6195,6199,6203,6207,6211,6215,6219,6223,6227,6231,6236,6240,6244,6248],{"type":67,"tag":124,"props":6192,"children":6193},{"style":137},[6194],{"type":72,"value":775},{"type":67,"tag":124,"props":6196,"children":6197},{"style":230},[6198],{"type":72,"value":93},{"type":67,"tag":124,"props":6200,"children":6201},{"style":189},[6202],{"type":72,"value":275},{"type":67,"tag":124,"props":6204,"children":6205},{"style":137},[6206],{"type":72,"value":280},{"type":67,"tag":124,"props":6208,"children":6209},{"style":137},[6210],{"type":72,"value":285},{"type":67,"tag":124,"props":6212,"children":6213},{"style":164},[6214],{"type":72,"value":290},{"type":67,"tag":124,"props":6216,"children":6217},{"style":137},[6218],{"type":72,"value":285},{"type":67,"tag":124,"props":6220,"children":6221},{"style":189},[6222],{"type":72,"value":299},{"type":67,"tag":124,"props":6224,"children":6225},{"style":137},[6226],{"type":72,"value":304},{"type":67,"tag":124,"props":6228,"children":6229},{"style":143},[6230],{"type":72,"value":309},{"type":67,"tag":124,"props":6232,"children":6233},{"style":137},[6234],{"type":72,"value":6235},"}}>",{"type":67,"tag":124,"props":6237,"children":6238},{"style":143},[6239],{"type":72,"value":6160},{"type":67,"tag":124,"props":6241,"children":6242},{"style":137},[6243],{"type":72,"value":890},{"type":67,"tag":124,"props":6245,"children":6246},{"style":230},[6247],{"type":72,"value":93},{"type":67,"tag":124,"props":6249,"children":6250},{"style":137},[6251],{"type":72,"value":341},{"type":67,"tag":82,"props":6253,"children":6254},{},[6255,6257,6263,6265,6270,6272,6277,6279,6284,6285,6290,6292,6297],{"type":72,"value":6256},"Dynamic segments are declared with ",{"type":67,"tag":88,"props":6258,"children":6260},{"className":6259},[],[6261],{"type":72,"value":6262},"$",{"type":72,"value":6264}," in the route path. Always pass them via ",{"type":67,"tag":88,"props":6266,"children":6268},{"className":6267},[],[6269],{"type":72,"value":109},{"type":72,"value":6271},". This applies to ",{"type":67,"tag":88,"props":6273,"children":6275},{"className":6274},[],[6276],{"type":72,"value":93},{"type":72,"value":6278},", ",{"type":67,"tag":88,"props":6280,"children":6282},{"className":6281},[],[6283],{"type":72,"value":1424},{"type":72,"value":6278},{"type":67,"tag":88,"props":6286,"children":6288},{"className":6287},[],[6289],{"type":72,"value":2016},{"type":72,"value":6291},", and ",{"type":67,"tag":88,"props":6293,"children":6295},{"className":6294},[],[6296],{"type":72,"value":2173},{"type":72,"value":1208},{"type":67,"tag":367,"props":6299,"children":6301},{"id":6300},"medium-using-usenavigate-for-clickable-elements",[6302],{"type":72,"value":6303},"MEDIUM: Using useNavigate for clickable elements",{"type":67,"tag":113,"props":6305,"children":6307},{"className":115,"code":6306,"language":117,"meta":118,"style":118},"\u002F\u002F WRONG — no href, no cmd+click, no preloading, no accessibility\nfunction BadNav() {\n const navigate = useNavigate()\n return \u003Cbutton onClick={() => navigate({ to: '\u002Fposts' })}>Posts\u003C\u002Fbutton>\n}\n\n\u002F\u002F CORRECT — real \u003Ca> tag with href, accessible, preloadable\nfunction GoodNav() {\n return \u003CLink to=\"\u002Fposts\">Posts\u003C\u002FLink>\n}\n",[6308],{"type":67,"tag":88,"props":6309,"children":6310},{"__ignoreMap":118},[6311,6319,6339,6362,6449,6456,6463,6471,6491,6546],{"type":67,"tag":124,"props":6312,"children":6313},{"class":126,"line":127},[6314],{"type":67,"tag":124,"props":6315,"children":6316},{"style":1171},[6317],{"type":72,"value":6318},"\u002F\u002F WRONG — no href, no cmd+click, no preloading, no accessibility\n",{"type":67,"tag":124,"props":6320,"children":6321},{"class":126,"line":175},[6322,6326,6331,6335],{"type":67,"tag":124,"props":6323,"children":6324},{"style":189},[6325],{"type":72,"value":192},{"type":67,"tag":124,"props":6327,"children":6328},{"style":195},[6329],{"type":72,"value":6330}," BadNav",{"type":67,"tag":124,"props":6332,"children":6333},{"style":137},[6334],{"type":72,"value":438},{"type":67,"tag":124,"props":6336,"children":6337},{"style":137},[6338],{"type":72,"value":243},{"type":67,"tag":124,"props":6340,"children":6341},{"class":126,"line":185},[6342,6346,6350,6354,6358],{"type":67,"tag":124,"props":6343,"children":6344},{"style":189},[6345],{"type":72,"value":1510},{"type":67,"tag":124,"props":6347,"children":6348},{"style":143},[6349],{"type":72,"value":1515},{"type":67,"tag":124,"props":6351,"children":6352},{"style":137},[6353],{"type":72,"value":1520},{"type":67,"tag":124,"props":6355,"children":6356},{"style":195},[6357],{"type":72,"value":1455},{"type":67,"tag":124,"props":6359,"children":6360},{"style":221},[6361],{"type":72,"value":1652},{"type":67,"tag":124,"props":6363,"children":6364},{"class":126,"line":246},[6365,6369,6373,6377,6381,6385,6389,6393,6397,6401,6405,6409,6413,6417,6421,6425,6429,6433,6437,6441,6445],{"type":67,"tag":124,"props":6366,"children":6367},{"style":131},[6368],{"type":72,"value":252},{"type":67,"tag":124,"props":6370,"children":6371},{"style":137},[6372],{"type":72,"value":830},{"type":67,"tag":124,"props":6374,"children":6375},{"style":221},[6376],{"type":72,"value":3643},{"type":67,"tag":124,"props":6378,"children":6379},{"style":189},[6380],{"type":72,"value":3648},{"type":67,"tag":124,"props":6382,"children":6383},{"style":137},[6384],{"type":72,"value":4238},{"type":67,"tag":124,"props":6386,"children":6387},{"style":189},[6388],{"type":72,"value":825},{"type":67,"tag":124,"props":6390,"children":6391},{"style":195},[6392],{"type":72,"value":1515},{"type":67,"tag":124,"props":6394,"children":6395},{"style":143},[6396],{"type":72,"value":1050},{"type":67,"tag":124,"props":6398,"children":6399},{"style":137},[6400],{"type":72,"value":1533},{"type":67,"tag":124,"props":6402,"children":6403},{"style":221},[6404],{"type":72,"value":275},{"type":67,"tag":124,"props":6406,"children":6407},{"style":137},[6408],{"type":72,"value":111},{"type":67,"tag":124,"props":6410,"children":6411},{"style":137},[6412],{"type":72,"value":161},{"type":67,"tag":124,"props":6414,"children":6415},{"style":164},[6416],{"type":72,"value":486},{"type":67,"tag":124,"props":6418,"children":6419},{"style":137},[6420],{"type":72,"value":526},{"type":67,"tag":124,"props":6422,"children":6423},{"style":137},[6424],{"type":72,"value":151},{"type":67,"tag":124,"props":6426,"children":6427},{"style":143},[6428],{"type":72,"value":1622},{"type":67,"tag":124,"props":6430,"children":6431},{"style":137},[6432],{"type":72,"value":880},{"type":67,"tag":124,"props":6434,"children":6435},{"style":143},[6436],{"type":72,"value":885},{"type":67,"tag":124,"props":6438,"children":6439},{"style":137},[6440],{"type":72,"value":890},{"type":67,"tag":124,"props":6442,"children":6443},{"style":221},[6444],{"type":72,"value":3643},{"type":67,"tag":124,"props":6446,"children":6447},{"style":137},[6448],{"type":72,"value":341},{"type":67,"tag":124,"props":6450,"children":6451},{"class":126,"line":260},[6452],{"type":67,"tag":124,"props":6453,"children":6454},{"style":137},[6455],{"type":72,"value":359},{"type":67,"tag":124,"props":6457,"children":6458},{"class":126,"line":317},[6459],{"type":67,"tag":124,"props":6460,"children":6461},{"emptyLinePlaceholder":179},[6462],{"type":72,"value":182},{"type":67,"tag":124,"props":6464,"children":6465},{"class":126,"line":326},[6466],{"type":67,"tag":124,"props":6467,"children":6468},{"style":1171},[6469],{"type":72,"value":6470},"\u002F\u002F CORRECT — real \u003Ca> tag with href, accessible, preloadable\n",{"type":67,"tag":124,"props":6472,"children":6473},{"class":126,"line":344},[6474,6478,6483,6487],{"type":67,"tag":124,"props":6475,"children":6476},{"style":189},[6477],{"type":72,"value":192},{"type":67,"tag":124,"props":6479,"children":6480},{"style":195},[6481],{"type":72,"value":6482}," GoodNav",{"type":67,"tag":124,"props":6484,"children":6485},{"style":137},[6486],{"type":72,"value":438},{"type":67,"tag":124,"props":6488,"children":6489},{"style":137},[6490],{"type":72,"value":243},{"type":67,"tag":124,"props":6492,"children":6493},{"class":126,"line":353},[6494,6498,6502,6506,6510,6514,6518,6522,6526,6530,6534,6538,6542],{"type":67,"tag":124,"props":6495,"children":6496},{"style":131},[6497],{"type":72,"value":252},{"type":67,"tag":124,"props":6499,"children":6500},{"style":137},[6501],{"type":72,"value":830},{"type":67,"tag":124,"props":6503,"children":6504},{"style":230},[6505],{"type":72,"value":93},{"type":67,"tag":124,"props":6507,"children":6508},{"style":189},[6509],{"type":72,"value":275},{"type":67,"tag":124,"props":6511,"children":6512},{"style":137},[6513],{"type":72,"value":280},{"type":67,"tag":124,"props":6515,"children":6516},{"style":137},[6517],{"type":72,"value":285},{"type":67,"tag":124,"props":6519,"children":6520},{"style":164},[6521],{"type":72,"value":486},{"type":67,"tag":124,"props":6523,"children":6524},{"style":137},[6525],{"type":72,"value":285},{"type":67,"tag":124,"props":6527,"children":6528},{"style":137},[6529],{"type":72,"value":3615},{"type":67,"tag":124,"props":6531,"children":6532},{"style":143},[6533],{"type":72,"value":885},{"type":67,"tag":124,"props":6535,"children":6536},{"style":137},[6537],{"type":72,"value":890},{"type":67,"tag":124,"props":6539,"children":6540},{"style":230},[6541],{"type":72,"value":93},{"type":67,"tag":124,"props":6543,"children":6544},{"style":137},[6545],{"type":72,"value":341},{"type":67,"tag":124,"props":6547,"children":6548},{"class":126,"line":602},[6549],{"type":67,"tag":124,"props":6550,"children":6551},{"style":137},[6552],{"type":72,"value":359},{"type":67,"tag":82,"props":6554,"children":6555},{},[6556,6557,6562],{"type":72,"value":1418},{"type":67,"tag":88,"props":6558,"children":6560},{"className":6559},[],[6561],{"type":72,"value":1424},{"type":72,"value":6563}," only for programmatic side-effect navigation (after form submit, async action, etc).",{"type":67,"tag":367,"props":6565,"children":6567},{"id":6566},"high-not-providing-from-for-relative-navigation",[6568,6570,6575],{"type":72,"value":6569},"HIGH: Not providing ",{"type":67,"tag":88,"props":6571,"children":6573},{"className":6572},[],[6574],{"type":72,"value":926},{"type":72,"value":6576}," for relative navigation",{"type":67,"tag":113,"props":6578,"children":6580},{"className":115,"code":6579,"language":117,"meta":118,"style":118},"\u002F\u002F WRONG — without from, \"..\" resolves from root\n\u003CLink to=\"..\">Back\u003C\u002FLink>\n\n\u002F\u002F CORRECT — provide from for relative resolution\n\u003CLink from={Route.fullPath} to=\"..\">Back\u003C\u002FLink>\n",[6581],{"type":67,"tag":88,"props":6582,"children":6583},{"__ignoreMap":118},[6584,6592,6644,6651,6659],{"type":67,"tag":124,"props":6585,"children":6586},{"class":126,"line":127},[6587],{"type":67,"tag":124,"props":6588,"children":6589},{"style":1171},[6590],{"type":72,"value":6591},"\u002F\u002F WRONG — without from, \"..\" resolves from root\n",{"type":67,"tag":124,"props":6593,"children":6594},{"class":126,"line":175},[6595,6599,6603,6607,6611,6615,6619,6623,6627,6632,6636,6640],{"type":67,"tag":124,"props":6596,"children":6597},{"style":137},[6598],{"type":72,"value":775},{"type":67,"tag":124,"props":6600,"children":6601},{"style":230},[6602],{"type":72,"value":93},{"type":67,"tag":124,"props":6604,"children":6605},{"style":189},[6606],{"type":72,"value":275},{"type":67,"tag":124,"props":6608,"children":6609},{"style":137},[6610],{"type":72,"value":280},{"type":67,"tag":124,"props":6612,"children":6613},{"style":137},[6614],{"type":72,"value":285},{"type":67,"tag":124,"props":6616,"children":6617},{"style":164},[6618],{"type":72,"value":952},{"type":67,"tag":124,"props":6620,"children":6621},{"style":137},[6622],{"type":72,"value":285},{"type":67,"tag":124,"props":6624,"children":6625},{"style":137},[6626],{"type":72,"value":3615},{"type":67,"tag":124,"props":6628,"children":6629},{"style":143},[6630],{"type":72,"value":6631},"Back",{"type":67,"tag":124,"props":6633,"children":6634},{"style":137},[6635],{"type":72,"value":890},{"type":67,"tag":124,"props":6637,"children":6638},{"style":230},[6639],{"type":72,"value":93},{"type":67,"tag":124,"props":6641,"children":6642},{"style":137},[6643],{"type":72,"value":341},{"type":67,"tag":124,"props":6645,"children":6646},{"class":126,"line":185},[6647],{"type":67,"tag":124,"props":6648,"children":6649},{"emptyLinePlaceholder":179},[6650],{"type":72,"value":182},{"type":67,"tag":124,"props":6652,"children":6653},{"class":126,"line":246},[6654],{"type":67,"tag":124,"props":6655,"children":6656},{"style":1171},[6657],{"type":72,"value":6658},"\u002F\u002F CORRECT — provide from for relative resolution\n",{"type":67,"tag":124,"props":6660,"children":6661},{"class":126,"line":260},[6662,6666,6670,6674,6678,6682,6686,6690,6694,6698,6702,6706,6710,6714,6718,6722,6726,6730],{"type":67,"tag":124,"props":6663,"children":6664},{"style":137},[6665],{"type":72,"value":775},{"type":67,"tag":124,"props":6667,"children":6668},{"style":230},[6669],{"type":72,"value":93},{"type":67,"tag":124,"props":6671,"children":6672},{"style":189},[6673],{"type":72,"value":156},{"type":67,"tag":124,"props":6675,"children":6676},{"style":137},[6677],{"type":72,"value":843},{"type":67,"tag":124,"props":6679,"children":6680},{"style":143},[6681],{"type":72,"value":1203},{"type":67,"tag":124,"props":6683,"children":6684},{"style":137},[6685],{"type":72,"value":1208},{"type":67,"tag":124,"props":6687,"children":6688},{"style":143},[6689],{"type":72,"value":1213},{"type":67,"tag":124,"props":6691,"children":6692},{"style":137},[6693],{"type":72,"value":1218},{"type":67,"tag":124,"props":6695,"children":6696},{"style":189},[6697],{"type":72,"value":101},{"type":67,"tag":124,"props":6699,"children":6700},{"style":137},[6701],{"type":72,"value":280},{"type":67,"tag":124,"props":6703,"children":6704},{"style":137},[6705],{"type":72,"value":285},{"type":67,"tag":124,"props":6707,"children":6708},{"style":164},[6709],{"type":72,"value":952},{"type":67,"tag":124,"props":6711,"children":6712},{"style":137},[6713],{"type":72,"value":285},{"type":67,"tag":124,"props":6715,"children":6716},{"style":137},[6717],{"type":72,"value":3615},{"type":67,"tag":124,"props":6719,"children":6720},{"style":143},[6721],{"type":72,"value":6631},{"type":67,"tag":124,"props":6723,"children":6724},{"style":137},[6725],{"type":72,"value":890},{"type":67,"tag":124,"props":6727,"children":6728},{"style":230},[6729],{"type":72,"value":93},{"type":67,"tag":124,"props":6731,"children":6732},{"style":137},[6733],{"type":72,"value":341},{"type":67,"tag":82,"props":6735,"children":6736},{},[6737,6738,6743,6745,6750],{"type":72,"value":931},{"type":67,"tag":88,"props":6739,"children":6741},{"className":6740},[],[6742],{"type":72,"value":926},{"type":72,"value":6744},", only absolute paths are autocompleted and type-safe. Relative paths like ",{"type":67,"tag":88,"props":6746,"children":6748},{"className":6747},[],[6749],{"type":72,"value":952},{"type":72,"value":6751}," resolve from root instead of the current route.",{"type":67,"tag":367,"props":6753,"children":6755},{"id":6754},"high-using-search-as-object-instead-of-function-loses-existing-params",[6756],{"type":72,"value":6757},"HIGH: Using search as object instead of function loses existing params",{"type":67,"tag":113,"props":6759,"children":6761},{"className":115,"code":6760,"language":117,"meta":118,"style":118},"\u002F\u002F WRONG — replaces ALL search params with just { page: 2 }\n\u003CLink to=\".\" search={{ page: 2 }}>Page 2\u003C\u002FLink>\n\n\u002F\u002F CORRECT — preserves existing search params, updates page\n\u003CLink to=\".\" search={(prev) => ({ ...prev, page: 2 })}>Page 2\u003C\u002FLink>\n",[6762],{"type":67,"tag":88,"props":6763,"children":6764},{"__ignoreMap":118},[6765,6773,6848,6855,6863],{"type":67,"tag":124,"props":6766,"children":6767},{"class":126,"line":127},[6768],{"type":67,"tag":124,"props":6769,"children":6770},{"style":1171},[6771],{"type":72,"value":6772},"\u002F\u002F WRONG — replaces ALL search params with just { page: 2 }\n",{"type":67,"tag":124,"props":6774,"children":6775},{"class":126,"line":175},[6776,6780,6784,6788,6792,6796,6800,6804,6808,6812,6817,6821,6826,6831,6836,6840,6844],{"type":67,"tag":124,"props":6777,"children":6778},{"style":137},[6779],{"type":72,"value":775},{"type":67,"tag":124,"props":6781,"children":6782},{"style":230},[6783],{"type":72,"value":93},{"type":67,"tag":124,"props":6785,"children":6786},{"style":189},[6787],{"type":72,"value":275},{"type":67,"tag":124,"props":6789,"children":6790},{"style":137},[6791],{"type":72,"value":280},{"type":67,"tag":124,"props":6793,"children":6794},{"style":137},[6795],{"type":72,"value":285},{"type":67,"tag":124,"props":6797,"children":6798},{"style":164},[6799],{"type":72,"value":1208},{"type":67,"tag":124,"props":6801,"children":6802},{"style":137},[6803],{"type":72,"value":285},{"type":67,"tag":124,"props":6805,"children":6806},{"style":189},[6807],{"type":72,"value":4061},{"type":67,"tag":124,"props":6809,"children":6810},{"style":137},[6811],{"type":72,"value":304},{"type":67,"tag":124,"props":6813,"children":6814},{"style":221},[6815],{"type":72,"value":6816}," page",{"type":67,"tag":124,"props":6818,"children":6819},{"style":137},[6820],{"type":72,"value":111},{"type":67,"tag":124,"props":6822,"children":6823},{"style":2349},[6824],{"type":72,"value":6825}," 2",{"type":67,"tag":124,"props":6827,"children":6828},{"style":137},[6829],{"type":72,"value":6830}," }}>",{"type":67,"tag":124,"props":6832,"children":6833},{"style":143},[6834],{"type":72,"value":6835},"Page 2",{"type":67,"tag":124,"props":6837,"children":6838},{"style":137},[6839],{"type":72,"value":890},{"type":67,"tag":124,"props":6841,"children":6842},{"style":230},[6843],{"type":72,"value":93},{"type":67,"tag":124,"props":6845,"children":6846},{"style":137},[6847],{"type":72,"value":341},{"type":67,"tag":124,"props":6849,"children":6850},{"class":126,"line":185},[6851],{"type":67,"tag":124,"props":6852,"children":6853},{"emptyLinePlaceholder":179},[6854],{"type":72,"value":182},{"type":67,"tag":124,"props":6856,"children":6857},{"class":126,"line":246},[6858],{"type":67,"tag":124,"props":6859,"children":6860},{"style":1171},[6861],{"type":72,"value":6862},"\u002F\u002F CORRECT — preserves existing search params, updates page\n",{"type":67,"tag":124,"props":6864,"children":6865},{"class":126,"line":260},[6866,6870,6874,6878,6882,6886,6890,6894,6898,6903,6908,6912,6916,6920,6924,6929,6933,6937,6941,6945,6949,6953,6957,6961,6965,6969,6973],{"type":67,"tag":124,"props":6867,"children":6868},{"style":137},[6869],{"type":72,"value":775},{"type":67,"tag":124,"props":6871,"children":6872},{"style":230},[6873],{"type":72,"value":93},{"type":67,"tag":124,"props":6875,"children":6876},{"style":189},[6877],{"type":72,"value":275},{"type":67,"tag":124,"props":6879,"children":6880},{"style":137},[6881],{"type":72,"value":280},{"type":67,"tag":124,"props":6883,"children":6884},{"style":137},[6885],{"type":72,"value":285},{"type":67,"tag":124,"props":6887,"children":6888},{"style":164},[6889],{"type":72,"value":1208},{"type":67,"tag":124,"props":6891,"children":6892},{"style":137},[6893],{"type":72,"value":285},{"type":67,"tag":124,"props":6895,"children":6896},{"style":189},[6897],{"type":72,"value":4061},{"type":67,"tag":124,"props":6899,"children":6900},{"style":137},[6901],{"type":72,"value":6902},"={(",{"type":67,"tag":124,"props":6904,"children":6905},{"style":206},[6906],{"type":72,"value":6907},"prev",{"type":67,"tag":124,"props":6909,"children":6910},{"style":137},[6911],{"type":72,"value":1622},{"type":67,"tag":124,"props":6913,"children":6914},{"style":189},[6915],{"type":72,"value":825},{"type":67,"tag":124,"props":6917,"children":6918},{"style":143},[6919],{"type":72,"value":1594},{"type":67,"tag":124,"props":6921,"children":6922},{"style":137},[6923],{"type":72,"value":1533},{"type":67,"tag":124,"props":6925,"children":6926},{"style":137},[6927],{"type":72,"value":6928}," ...",{"type":67,"tag":124,"props":6930,"children":6931},{"style":143},[6932],{"type":72,"value":6907},{"type":67,"tag":124,"props":6934,"children":6935},{"style":137},[6936],{"type":72,"value":988},{"type":67,"tag":124,"props":6938,"children":6939},{"style":221},[6940],{"type":72,"value":6816},{"type":67,"tag":124,"props":6942,"children":6943},{"style":137},[6944],{"type":72,"value":111},{"type":67,"tag":124,"props":6946,"children":6947},{"style":2349},[6948],{"type":72,"value":6825},{"type":67,"tag":124,"props":6950,"children":6951},{"style":137},[6952],{"type":72,"value":151},{"type":67,"tag":124,"props":6954,"children":6955},{"style":143},[6956],{"type":72,"value":1622},{"type":67,"tag":124,"props":6958,"children":6959},{"style":137},[6960],{"type":72,"value":880},{"type":67,"tag":124,"props":6962,"children":6963},{"style":143},[6964],{"type":72,"value":6835},{"type":67,"tag":124,"props":6966,"children":6967},{"style":137},[6968],{"type":72,"value":890},{"type":67,"tag":124,"props":6970,"children":6971},{"style":230},[6972],{"type":72,"value":93},{"type":67,"tag":124,"props":6974,"children":6975},{"style":137},[6976],{"type":72,"value":341},{"type":67,"tag":82,"props":6978,"children":6979},{},[6980,6982,6987],{"type":72,"value":6981},"When you pass ",{"type":67,"tag":88,"props":6983,"children":6985},{"className":6984},[],[6986],{"type":72,"value":36},{"type":72,"value":6988}," as a plain object, it replaces all search params. Use the function form to spread previous params and selectively update.",{"type":67,"tag":6990,"props":6991,"children":6992},"hr",{},[],{"type":67,"tag":75,"props":6994,"children":6996},{"id":6995},"cross-references",[6997],{"type":72,"value":6998},"Cross-References",{"type":67,"tag":683,"props":7000,"children":7001},{},[7002,7022],{"type":67,"tag":687,"props":7003,"children":7004},{},[7005,7007,7013,7015,7020],{"type":72,"value":7006},"See also: ",{"type":67,"tag":7008,"props":7009,"children":7010},"strong",{},[7011],{"type":72,"value":7012},"router-core\u002Fsearch-params\u002FSKILL.md",{"type":72,"value":7014}," — Link ",{"type":67,"tag":88,"props":7016,"children":7018},{"className":7017},[],[7019],{"type":72,"value":36},{"type":72,"value":7021}," prop interacts with search param validation",{"type":67,"tag":687,"props":7023,"children":7024},{},[7025,7026,7031,7033,7038],{"type":72,"value":7006},{"type":67,"tag":7008,"props":7027,"children":7028},{},[7029],{"type":72,"value":7030},"router-core\u002Ftype-safety\u002FSKILL.md",{"type":72,"value":7032}," — ",{"type":67,"tag":88,"props":7034,"children":7036},{"className":7035},[],[7037],{"type":72,"value":926},{"type":72,"value":7039}," narrowing improves type inference on Link",{"type":67,"tag":7041,"props":7042,"children":7043},"style",{},[7044],{"type":72,"value":7045},"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":7047,"total":4554},[7048,7062,7077,7093,7106,7125,7136],{"slug":7049,"name":7049,"fn":7050,"description":7051,"org":7052,"tags":7053,"stars":23,"repoUrl":24,"updatedAt":7061},"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},[7054,7057,7058,7059,7060],{"name":7055,"slug":7056,"type":15},"Auth","auth",{"name":21,"slug":22,"type":15},{"name":17,"slug":18,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:27:07.639032",{"slug":7063,"name":7063,"fn":7064,"description":7065,"org":7066,"tags":7067,"stars":23,"repoUrl":24,"updatedAt":7076},"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},[7068,7069,7072,7075],{"name":7055,"slug":7056,"type":15},{"name":7070,"slug":7071,"type":15},"OAuth","oauth",{"name":7073,"slug":7074,"type":15},"Security","security",{"name":9,"slug":8,"type":15},"2026-07-30T05:26:59.504396",{"slug":7078,"name":7078,"fn":7079,"description":7080,"org":7081,"tags":7082,"stars":23,"repoUrl":24,"updatedAt":7092},"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},[7083,7086,7087,7090,7091],{"name":7084,"slug":7085,"type":15},"Engineering","engineering",{"name":21,"slug":22,"type":15},{"name":7088,"slug":7089,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:27:11.494406",{"slug":7094,"name":7094,"fn":7095,"description":7096,"org":7097,"tags":7098,"stars":23,"repoUrl":24,"updatedAt":7105},"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},[7099,7102,7103,7104],{"name":7100,"slug":7101,"type":15},"Caching","caching",{"name":7088,"slug":7089,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-07-30T05:26:54.487943",{"slug":7107,"name":7107,"fn":7108,"description":7109,"org":7110,"tags":7111,"stars":23,"repoUrl":24,"updatedAt":7124},"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},[7112,7115,7117,7120,7121],{"name":7113,"slug":7114,"type":15},"Cloudflare","cloudflare",{"name":7116,"slug":7107,"type":15},"Deployment",{"name":7118,"slug":7119,"type":15},"Netlify","netlify",{"name":9,"slug":8,"type":15},{"name":7122,"slug":7123,"type":15},"Vercel","vercel","2026-07-30T05:26:50.509927",{"slug":7126,"name":7126,"fn":7127,"description":7128,"org":7129,"tags":7130,"stars":23,"repoUrl":24,"updatedAt":7135},"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},[7131,7134],{"name":7132,"slug":7133,"type":15},"Architecture","architecture",{"name":9,"slug":8,"type":15},"2026-07-30T05:27:04.558441",{"slug":7137,"name":7137,"fn":7138,"description":7139,"org":7140,"tags":7141,"stars":23,"repoUrl":24,"updatedAt":7149},"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},[7142,7145,7146,7148],{"name":7143,"slug":7144,"type":15},"Backend","backend",{"name":21,"slug":22,"type":15},{"name":7147,"slug":7137,"type":15},"Middleware",{"name":9,"slug":8,"type":15},"2026-07-30T05:26:58.546019",{"items":7151,"total":7289},[7152,7166,7178,7190,7203,7215,7225,7235,7248,7258,7269,7279],{"slug":7153,"name":7153,"fn":7154,"description":7155,"org":7156,"tags":7157,"stars":7163,"repoUrl":7164,"updatedAt":7165},"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},[7158,7161,7162],{"name":7159,"slug":7160,"type":15},"Data Analysis","data-analysis",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},28175,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable","2026-07-30T05:25:59.429787",{"slug":7167,"name":7167,"fn":7168,"description":7169,"org":7170,"tags":7171,"stars":7163,"repoUrl":7164,"updatedAt":7177},"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},[7172,7175,7176],{"name":7173,"slug":7174,"type":15},"Debugging","debugging",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":7179,"name":7179,"fn":7180,"description":7181,"org":7182,"tags":7183,"stars":7163,"repoUrl":7164,"updatedAt":7189},"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},[7184,7185,7186],{"name":7159,"slug":7160,"type":15},{"name":9,"slug":8,"type":15},{"name":7187,"slug":7188,"type":15},"UI Components","ui-components","2026-07-30T05:25:38.403427",{"slug":7191,"name":7191,"fn":7192,"description":7193,"org":7194,"tags":7195,"stars":7163,"repoUrl":7164,"updatedAt":7202},"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},[7196,7199,7200,7201],{"name":7197,"slug":7198,"type":15},"Data Pipeline","data-pipeline",{"name":21,"slug":22,"type":15},{"name":7088,"slug":7089,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":7204,"name":7204,"fn":7205,"description":7206,"org":7207,"tags":7208,"stars":7163,"repoUrl":7164,"updatedAt":7214},"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},[7209,7212,7213],{"name":7210,"slug":7211,"type":15},"Data Visualization","data-visualization",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:41.397257",{"slug":7216,"name":7216,"fn":7217,"description":7218,"org":7219,"tags":7220,"stars":7163,"repoUrl":7164,"updatedAt":7224},"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},[7221,7222,7223],{"name":7159,"slug":7160,"type":15},{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":7226,"name":7226,"fn":7227,"description":7228,"org":7229,"tags":7230,"stars":7163,"repoUrl":7164,"updatedAt":7234},"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},[7231,7232,7233],{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":7187,"slug":7188,"type":15},"2026-07-30T05:26:03.37801",{"slug":7236,"name":7236,"fn":7237,"description":7238,"org":7239,"tags":7240,"stars":7163,"repoUrl":7164,"updatedAt":7247},"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},[7241,7244,7245,7246],{"name":7242,"slug":7243,"type":15},"CSS","css",{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":7187,"slug":7188,"type":15},"2026-07-30T05:25:55.377366",{"slug":7249,"name":7249,"fn":7250,"description":7251,"org":7252,"tags":7253,"stars":7163,"repoUrl":7164,"updatedAt":7257},"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},[7254,7255,7256],{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":7187,"slug":7188,"type":15},"2026-07-30T05:25:51.400011",{"slug":7259,"name":7259,"fn":7260,"description":7261,"org":7262,"tags":7263,"stars":7163,"repoUrl":7164,"updatedAt":7268},"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},[7264,7265,7266,7267],{"name":7242,"slug":7243,"type":15},{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":7187,"slug":7188,"type":15},"2026-07-30T05:25:48.703799",{"slug":7270,"name":7270,"fn":7271,"description":7272,"org":7273,"tags":7274,"stars":7163,"repoUrl":7164,"updatedAt":7278},"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},[7275,7276,7277],{"name":21,"slug":22,"type":15},{"name":9,"slug":8,"type":15},{"name":7187,"slug":7188,"type":15},"2026-07-30T05:25:47.367943",{"slug":7280,"name":7280,"fn":7281,"description":7282,"org":7283,"tags":7284,"stars":7163,"repoUrl":7164,"updatedAt":7288},"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},[7285,7286,7287],{"name":7159,"slug":7160,"type":15},{"name":21,"slug":22,"type":15},{"name":7187,"slug":7188,"type":15},"2026-07-30T05:25:52.366295",125]