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.

About

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

Enforces v5 object syntax for all query and mutation hooks
Automates v4 to v5 migration logic for removed callbacks and options
91 GitHub stars
Implements advanced infinite scroll patterns with useInfiniteQuery
Configures QueryClient caching, gcTime, and stale-time strategies
Provides boilerplate for reusable queryOptions factories and hooks

Use Cases

Migrating legacy React Query v4 projects to TanStack Query v5
Troubleshooting complex server state issues and TypeScript type errors
Setting up high-performance data fetching with caching in React 18+

About

Key Features

Enforces v5 object syntax for all query and mutation hooks
Automates v4 to v5 migration logic for removed callbacks and options
91 GitHub stars
Implements advanced infinite scroll patterns with useInfiniteQuery
Configures QueryClient caching, gcTime, and stale-time strategies
Provides boilerplate for reusable queryOptions factories and hooks

Use Cases

Migrating legacy React Query v4 projects to TanStack Query v5
Troubleshooting complex server state issues and TypeScript type errors
Setting up high-performance data fetching with caching in React 18+