What problem does it solve? Coordinating TanStack Query's cache with TanStack Router's loader system is error-prone: Router's built-in preload cache can serve stale data, module-level QueryClients leak data between SSR requests, and misused prefetching blocks navigation. This Skill provides the correct integration patterns. ## Core Features & Use Cases - Router Context Setup: Inject QueryClient into router context via createRootRouteWithContext, with SSR-safe per-request QueryClient creation. - Loader + Suspense Pattern: Use ensureQueryData in loaders with useSuspenseQuery in components to eliminate loading flashes while keeping cache subscriptions. - SSR Streaming: Configure setupRouterSsrQueryIntegration or manual dehydrate/hydrate for server rendering, plus fire-and-forget prefetchQuery for non-critical data. - Use Case: Building a dashboard route where user data must be ready before render while analytics stream in during SSR without blocking navigation. ## Quick Start Set up TanStack Query with my TanStack Router app so loaders prefetch data and SSR hydration works correctly.
