An overview of how TanStack Router automatically shares and infers path params, search params, and context between nested routes in a type-safe way.

TK Dodo is a platform dedicated to sharing insights and resources on software development, technology trends, and career growth. Through articles, interviews, and community engagement, TK Dodo empowers developers to navigate their career paths, stay updated with industry advancements, and cultivate  skills for personal and professional development.

TkDodo

TanStack Router automatically shares and infers state between nested routes in a type-safe manner. Path params, search params, and router context defined in parent routes are automatically available to all child routes with full TypeScript inference. When a parent route parses a path param (e.g., converting a string to number), child routes automatically receive the correct type. Search params merge across the route hierarchy, and router context can be modified at each route level with changes propagating to descendants. This inheritance pattern enables powerful patterns like dependency injection and accumulated state management throughout the route tree.

Context Inheritance in TanStack Router