TanStack Query Integration and Rendering

Use this skill when the task crosses runtime boundaries, especially server to client handoff, framework-specific rendering, or router-driven prefetching.

Scope

• SSR and hydration with dehydrate and HydrationBoundary
• Next.js Pages Router and App Router integration
• streaming and experimental Next.js helpers
• router prefetching and render-as-you-fetch patterns
• React Native and framework-specific integration cues

Routing cues

• dehydrate, HydrationBoundary, SSR, hydration, server prefetching, or "where should I create the client" -> this skill
• App Router, server components, Next.js streaming, or @tanstack/react-query-next-experimental -> this skill
• plain useQuery setup and cache tuning without server boundaries -> tanstack-query-fetching-and-cache
• mutations, optimistic writes, persistence, or broadcast sync -> tanstack-query-mutations-and-sync
• TypeScript helpers, tests, or ESLint rules -> tanstack-query-typescript-and-tooling