What's the main difference between v4 and v5 handled by this skill?

The skill enforces the mandatory object syntax for hooks and manages renamed properties like gcTime (formerly cacheTime) and the removal of query-level callbacks like onSuccess and onError.

How does this skill help with loading states in TanStack Query v5?

It helps developers correctly distinguish between isPending (no data yet) and isLoading (fetching for the first time), preventing UI logic errors common in the v5 transition.

Does this skill support infinite scrolling implementations?

Yes, it provides optimized patterns for useInfiniteQuery, ensuring the required initialPageParam is correctly implemented to avoid common v5 runtime errors.

How does it handle TypeScript errors in queries?

The skill ensures correct error type handling by adhering to the v5 default Error type or guiding the user to specify custom error types when throwing non-Error objects.

TanStack Query v5 (React Query)

Name: TanStack Query v5 (React Query)
Author: jezweb

byjezweb

•

API Development

Manages server state, data fetching, and caching in React applications using TanStack Query v5 best practices.

This skill provides specialized guidance for implementing TanStack Query v5 in React projects, ensuring developers adhere to the latest API changes and patterns. It simplifies the transition from v4 to v5 by enforcing mandatory object syntax, correcting renamed properties like gcTime, and managing complex states such as infinite scrolling and mutations. By integrating this skill, Claude can help prevent common pitfalls related to query callbacks, stale time configurations, and TypeScript type defaults, resulting in more robust and performant data fetching logic within modern React 18+ environments.

Key Features

01Enforces v5 object syntax for all query and mutation hooks

02Automates v4 to v5 migration logic for removed callbacks and options

0391 GitHub stars

04Implements advanced infinite scroll patterns with useInfiniteQuery

05Configures QueryClient caching, gcTime, and stale-time strategies

06Provides boilerplate for reusable queryOptions factories and hooks

Use Cases

01Migrating legacy React Query v4 projects to TanStack Query v5

02Troubleshooting complex server state issues and TypeScript type errors

03Setting up high-performance data fetching with caching in React 18+

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jezweb/claude-skills tanstack-query

For use in Claude.ai and ChatGPT

Download Skill