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

Continue with TanStack Router

Save the full cheat sheet or work through every related task.

More React tasks

Back to the full TanStack Router cheat sheet