router-core

Type-safe routing across UI frameworks is achieved by defining a framework-agnostic route tree using createRouter and createRoute, then declaring a global Register interface so TypeScript infers correct types automatically across React, Solid, or other clients.

You can share routing logic between React and Solid by building a single client-first router with createRootRoute, which handles route matching and navigation independently of the UI layer, eliminating the need to rewrite routing logic per framework.

Full type inference requires TanStack Router version 1.166.2 and TypeScript, as the type registration system relies on declaring a global Register interface to automatically infer correct types across all router hooks and route structures.

Organize hierarchical routes using createRoute and createRootRouteWithContext with file-based naming conventions, which provides precise route matching, automatic route sorting, and keeps large applications structured and maintainable.

Framework-agnostic routing handles data loading and route matching client-side by using type-safe loaders and precise matching logic within the route tree, ensuring navigation and data fetching stay client-first across any UI framework.

Type inference is lost when the global Register interface is not properly declared or updated, as this interface is what allows all router hooks to automatically infer correct types from the route tree defined via createRouter and createRoute.