+21

web-tanstack/src/routeTree.gen.ts

reviewed

··· 14 14 import { Route as AlbumIndexRouteImport } from './routes/album/index' 15 15 import { Route as DemoTanstackQueryRouteImport } from './routes/demo/tanstack-query' 16 16 import { Route as DemoMcpTodosRouteImport } from './routes/demo/mcp-todos' 17 17 + import { Route as AlbumAlbumIdRouteImport } from './routes/album/$albumId' 17 18 import { Route as DemoStartServerFuncsRouteImport } from './routes/demo/start.server-funcs' 18 19 import { Route as DemoStartApiRequestRouteImport } from './routes/demo/start.api-request' 19 20 import { Route as DemoApiTqTodosRouteImport } from './routes/demo/api.tq-todos' ··· 47 48 const DemoMcpTodosRoute = DemoMcpTodosRouteImport.update({ 48 49 id: '/demo/mcp-todos', 49 50 path: '/demo/mcp-todos', 51 51 + getParentRoute: () => rootRouteImport, 52 52 + } as any) 53 53 + const AlbumAlbumIdRoute = AlbumAlbumIdRouteImport.update({ 54 54 + id: '/album/$albumId', 55 55 + path: '/album/$albumId', 50 56 getParentRoute: () => rootRouteImport, 51 57 } as any) 52 58 const DemoStartServerFuncsRoute = DemoStartServerFuncsRouteImport.update({ ··· 98 104 export interface FileRoutesByFullPath { 99 105 '/': typeof IndexRoute 100 106 '/mcp': typeof McpRoute 107 107 + '/album/$albumId': typeof AlbumAlbumIdRoute 101 108 '/demo/mcp-todos': typeof DemoMcpTodosRoute 102 109 '/demo/tanstack-query': typeof DemoTanstackQueryRoute 103 110 '/album': typeof AlbumIndexRoute ··· 114 121 export interface FileRoutesByTo { 115 122 '/': typeof IndexRoute 116 123 '/mcp': typeof McpRoute 124 124 + '/album/$albumId': typeof AlbumAlbumIdRoute 117 125 '/demo/mcp-todos': typeof DemoMcpTodosRoute 118 126 '/demo/tanstack-query': typeof DemoTanstackQueryRoute 119 127 '/album': typeof AlbumIndexRoute ··· 131 139 __root__: typeof rootRouteImport 132 140 '/': typeof IndexRoute 133 141 '/mcp': typeof McpRoute 142 142 + '/album/$albumId': typeof AlbumAlbumIdRoute 134 143 '/demo/mcp-todos': typeof DemoMcpTodosRoute 135 144 '/demo/tanstack-query': typeof DemoTanstackQueryRoute 136 145 '/album/': typeof AlbumIndexRoute ··· 149 158 fullPaths: 150 159 | '/' 151 160 | '/mcp' 161 161 + | '/album/$albumId' 152 162 | '/demo/mcp-todos' 153 163 | '/demo/tanstack-query' 154 164 | '/album' ··· 165 175 to: 166 176 | '/' 167 177 | '/mcp' 178 178 + | '/album/$albumId' 168 179 | '/demo/mcp-todos' 169 180 | '/demo/tanstack-query' 170 181 | '/album' ··· 181 192 | '__root__' 182 193 | '/' 183 194 | '/mcp' 195 195 + | '/album/$albumId' 184 196 | '/demo/mcp-todos' 185 197 | '/demo/tanstack-query' 186 198 | '/album/' ··· 198 210 export interface RootRouteChildren { 199 211 IndexRoute: typeof IndexRoute 200 212 McpRoute: typeof McpRoute 213 213 + AlbumAlbumIdRoute: typeof AlbumAlbumIdRoute 201 214 DemoMcpTodosRoute: typeof DemoMcpTodosRoute 202 215 DemoTanstackQueryRoute: typeof DemoTanstackQueryRoute 203 216 AlbumIndexRoute: typeof AlbumIndexRoute ··· 249 262 preLoaderRoute: typeof DemoMcpTodosRouteImport 250 263 parentRoute: typeof rootRouteImport 251 264 } 265 265 + '/album/$albumId': { 266 266 + id: '/album/$albumId' 267 267 + path: '/album/$albumId' 268 268 + fullPath: '/album/$albumId' 269 269 + preLoaderRoute: typeof AlbumAlbumIdRouteImport 270 270 + parentRoute: typeof rootRouteImport 271 271 + } 252 272 '/demo/start/server-funcs': { 253 273 id: '/demo/start/server-funcs' 254 274 path: '/demo/start/server-funcs' ··· 318 338 const rootRouteChildren: RootRouteChildren = { 319 339 IndexRoute: IndexRoute, 320 340 McpRoute: McpRoute, 341 341 + AlbumAlbumIdRoute: AlbumAlbumIdRoute, 321 342 DemoMcpTodosRoute: DemoMcpTodosRoute, 322 343 DemoTanstackQueryRoute: DemoTanstackQueryRoute, 323 344 AlbumIndexRoute: AlbumIndexRoute,

+11

web-tanstack/src/routes/album/$albumId.tsx

reviewed

··· 1 1 + import { createFileRoute } from '@tanstack/react-router' 2 2 + 3 3 + export const Route = createFileRoute('/album/$albumId')({ 4 4 + component: RouteComponent, 5 5 + }) 6 6 + 7 7 + function RouteComponent() { 8 8 + const {albumId} = Route.useParams() 9 9 + 10 10 + return <div>Hello "/album/{albumId}"!</div> 11 11 + }