TanStack Types

What problem does it solve?

TanStack Query helps fetch and cache data, but achieving end-to-end type safety requires patterns that propagate types from the data source to UI. This skill provides type-safe TanStack Query practices in TypeScript, including typing queryFn data, avoiding useQuery generic misuse, and validating runtime data with Zod.

Core Features & Use Cases

• Type the data source via queryFn return types to ensure data shape flows automatically to the UI.
• Use the queryOptions helper to enforce compile-time type safety for keys, options, and cache interactions.
• Validate API responses at runtime with Zod schemas to catch mismatches and surface descriptive errors.
• Build reusable, type-safe query factories and typed selectors for scalable data fetching patterns.

Quick Start

Ask me for a typed TanStack Query example using queryOptions and a Zod schema to validate responses.