tanstack-router

To set up file-based routing with TanStack Router in a Vite React SPA, install the required TanStack Router plugins and configure Vite to generate route trees from files under your src/routes directory.

The TanStack Router plugin keeps routeTree.gen.ts in sync by automatically regenerating the route tree, loaders, and navigation utilities during development and build whenever filesystem changes occur in src/routes.

Yes, you can integrate TanStack Query with TanStack Router to enable type-safe data fetching and navigation by using typed params and loaders generated from your file-based route definitions.

TanStack Router supports typed parameters by using the @tanstack/router-plugin to generate type-safe route trees, loaders, and navigation utilities directly from the file structure under src/routes.

The best way to organize React routes with the TanStack Router plugin is placing your route files under a designated src/routes directory so the plugin can automatically generate the cohesive route tree.

Your TanStack Router setup might not reflect new route files because routeTree.gen.ts needs regeneration through the configured Vite plugin to keep routes synchronized with the current filesystem.