# React Tanstack Testing

> Specialized testing for React applications using TanStack ecosystem (Query, Router, Table, Form) with Vite and Vitest. Use when testing React + TanStack apps, mocking server state, testing router, or validating query behavior. Triggers: 'TanStack testing', 'React Query testing', 'test TanStack', 'mock query', 'router test'.

- Skill: `greyhaven-ai-claude-code-config/react-tanstack-testing` (Agent Skill, multi-file: 11 files)
- Install (CLI): `npx skillmds@latest add greyhaven-ai-claude-code-config/react-tanstack-testing`
- Raw SKILL.md: https://api.skillmd.com/api/skills/greyhaven-ai-claude-code-config/react-tanstack-testing/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: greyhaven-ai (https://skillmd.com/u/greyhaven-ai-claude-code-config)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/greyhaven-ai-claude-code-config/react-tanstack-testing

---


# React TanStack Testing Skill

Specialized testing for React applications using TanStack ecosystem (Query, Router, Table, Form) with Vite and Vitest.

## Description

Comprehensive testing patterns for modern React with TanStack libraries including server state management, routing, and data handling.

## What's Included

- **Examples**: TanStack Query tests, Router tests, Form validation
- **Reference**: Testing patterns, mocking strategies
- **Templates**: Test suites for TanStack components
- **Checklists**: React testing best practices

## Use When

- Testing React + TanStack Query applications
- Testing complex routing with TanStack Router
- Validating server state management

## Related Agents

- `react-tanstack-tester`
- `test-generator`

**Skill Version**: 1.0