LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

tanstack-query-expert - TanStack Query expert for React and Next.js state management

Provides asynchronous state management, declarative data fetching, cache invalidation, optimistic UI updates, and Next.js App Router integration patterns.

Tags

Updated: 2026-09-20

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Fetch asynchronous data declaratively
  • Design array-based query key factories
  • Configure stale time and retry rules
  • Execute server mutations using useMutation
  • Invalidate query cache after mutations
  • Implement optimistic UI state updates
  • Hydrate server component state in Next.js
  • Troubleshoot cache and infinite fetch issues

Inputs

  • API endpoints and fetcher functions
  • Query keys and parameter configurations
  • React component boundaries
  • Data mutation payload objects

Outputs

  • Custom data fetching hooks
  • Query key factory structures
  • Updated client query cache
  • Hydrated Server Component boundaries

Requirements

  • React environment
  • TanStack Query library
  • Next.js App Router

Source

  • Spec: SKILL.md
tanstack-query
react-query
react
nextjs
state-management
data-fetching
Fetch asynchronous data declaratively
Design array-based query key factories
Configure stale time and retry rules
Execute server mutations using useMutation
API endpoints and fetcher functions
Query keys and parameter configurations
React component boundaries
Custom data fetching hooks
Query key factory structures
Updated client query cache