Manages React server state and data fetching using TanStack Query v5 best practices and migration patterns.
This skill equips Claude with specialized knowledge for implementing, debugging, and optimizing server state in React applications using TanStack Query v5. It provides precise guidance on the modern object-based syntax, cross-component mutation tracking with useMutationState, and memory-efficient pagination using infiniteQueryOptions. It is particularly valuable for developers migrating from React Query v4 to v5, ensuring all breaking changes like renamed options and removed callbacks are handled correctly while maintaining robust types and performant hydration in SSR environments.
Key Features
01Automates migration from React Query v4 to v5 syntax and patterns
020 GitHub stars
03Implements simplified optimistic updates using mutation variables
04Enforces best practices for QueryClient configuration and staleTime management
05Configures advanced network modes for offline-first PWA support
06Optimizes infinite queries with maxPages and bidirectional pagination
Use Cases
01Refactoring legacy React Query v4 hooks to the modern v5 object-based API
02Debugging hydration mismatches and streaming server component issues in Next.js
03Implementing complex, type-safe data fetching layers in React 18+ applications
