Libraries
Framework
Start
Router
Data & State
Query
DB
Store
AI
UI
Table
Charts
Form
Markdown
Highlight
UX
Virtual
Pacer
Hotkeys
Tooling
Devtools
Config
CLI
Intent
Browse all libraries
Blog
Blog & Release Notes
About
YouTube
The official TanStack channel.
Workshops
Live sessions from the maintainers.
Release Notes
The latest releases and changelog.
Community
Channels
Discord
Real-time community support.
GitHub
Source, issues, discussions, and releases.
People & Work
Maintainers
Meet the people maintaining the stack.
Showcase
Projects selected by the TanStack team.
Community projects
TanChat
NEW
Tools
Tools
Application Starter
Alpha
Generate TanStack app starters.
Stats
NPM and ecosystem usage data.
Merch
Support
Support
Support Overview
Find the right support path.
Partners
Companies supporting TanStack.
OSS Sponsors
Sponsors keeping TanStack open source.
Enterprise Support
Private consulting and expert support.
Contact
Get in touch with the TanStack team.
About
Ethos
How we approach open source.
Tenets
The values that shape TanStack libraries.
Design System
Logos, tokens, and UI components.
Search
Ask AI
Libraries
Blog
Community
TanChat
NEW
Tools
Merch
Support
Search
Ask AI
Sign In
Back
TanStack Intent
/
Registry
/
@trpc/tanstack-react-query
Fetching package from npm...
TanStack Intent
/
Registry
/
@trpc/tanstack-react-query
@trpc/tanstack-react-query
11.19.1-canary.0.sha-8b649ad87 (latest) — 2 skills
11.19.0 — 2 skills
11.18.1-canary.30 — 2 skills
11.18.1-canary.9 — 2 skills
11.18.1-canary.15 — 2 skills
11.18.1-canary.6 — 2 skills
11.18.1-canary.5 — 2 skills
11.18.1-canary.2 — 2 skills
11.18.1-canary.1 — 2 skills
11.18.0 — 2 skills
11.17.1-canary.3 — 2 skills
11.17.1-canary.2 — 2 skills
11.17.0 — 2 skills
11.16.1-canary.20 — 2 skills
11.16.1-canary.17 — 2 skills
11.16.1-canary.6 — 2 skills
11.16.1-canary.5 — 2 skills
11.16.1-canary.4 — 2 skills
11.16.1-canary.3 — 2 skills
11.16.1-canary.2 — 2 skills
11.16.1-canary.1 — 2 skills
11.16.0 — 2 skills
11.15.2 — 2 skills
11.15.2-canary.3 — 2 skills
11.15.2-canary.2 — 2 skills
11.15.1 — 2 skills
11.15.1-canary.2 — 2 skills
11.15.0 — 2 skills
11.14.2-canary.5 — 2 skills
11.14.1 — 2 skills
Copy install prompt
TanStack React Query Integration for tRPC
Skills
(2)
Skills
All Skills
2
react-query-classic-migration
lifecycle
react-query-setup
framework
Skills
2
History
react-query-classic-migration
lifecycle
Migrate from @trpc/react-query (classic) to @trpc/tanstack-react-query. Run npx @trpc/upgrade CLI for automated codemod. Manually migrate remaining patterns: hook-based to options-factory, utils.invalidate to queryClient.invalidateQueries with queryFilter, provider changes.
199 lines
react-query-setup
framework
react
Set up @trpc/tanstack-react-query with createTRPCContext(), TRPCProvider, useTRPC() hook, queryOptions/mutationOptions factories, query invalidation via queryClient.invalidateQueries with queryFilter, and type inference with inferInput/inferOutput.
348 lines
