Router Setup in React
From the TanStack Router cheat sheet · Setup & Installation · verified Jul 2026
Router Setup
Create and configure the router instance
typescript
import { createRouter, RouterProvider } from '@tanstack/react-router'
import { routeTree } from './routeTree.gen'
const router = createRouter({ routeTree })
declare module '@tanstack/react-router' {
interface Register {
router: typeof router
}
}
export default function App() {
return <RouterProvider router={router} />
}💡 Type registration enables full type inference
⚡ RouterProvider renders your route tree
🔍 routeTree.gen.ts is auto-generated by plugin
🎯 Set context for global data access in routes
routersetuptypescript