Does it support TypeScript?

Absolutely. It promotes the use of queryOptions and infiniteQueryOptions factories to ensure full type safety across your hooks and components.

How does it improve optimistic UI development?

It implements the simplified v5 pattern using mutation variables and useMutationState, which eliminates the need for manual cache rollbacks.

Does this skill support TanStack Query v4?

The skill is specifically designed for v5 but includes detailed guidance on migrating from v4, including identifying removed overloads and deprecated callbacks.

Can it help with Next.js or SSR issues?

Yes, it covers debugging for SSR/hydration issues and implementing data fetching patterns compatible with streaming server components.

TanStack Query v5 Manager

Name: TanStack Query v5 Manager
Author: brendadeeznuts1111

bybrendadeeznuts1111

API開発

Optimizes React server state management by implementing TanStack Query v5 patterns, migrations, and performance best practices.

概要

This skill empowers Claude to architect and debug React applications using TanStack Query v5, focusing on the latest standards and breaking changes from version 4. It provides domain-specific guidance on complex features like useMutationState for cross-component tracking, simplified optimistic updates, and robust error handling through throwOnError. Whether you are migrating a legacy codebase, configuring offline-first PWA network modes, or optimizing infinite scroll with maxPages, this skill ensures type-safe, performant, and correctly structured data fetching patterns.

主な機能

Optimistic UI patterns that bypass manual cache manipulation and rollbacks
0 GitHub stars
Migration support for resolving v4 to v5 breaking changes and syntax errors
Configuration of advanced infinite pagination with infiniteQueryOptions and maxPages
Implementation of cross-component mutation tracking using useMutationState
Optimization for SSR and hydration issues in streaming server components

ユースケース

Implementing global loading indicators and optimistic updates for complex dashboards
Upgrading a legacy React Query codebase to TanStack Query v5 while maintaining type safety
Building offline-capable PWAs using advanced Network Mode configurations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add brendadeeznuts1111/tier-1380-omega tanstack-query

For use in Claude.ai and ChatGPT

Download Skill

GitHub

概要