TanStack
New
TanStack Intent
Search...
K
Auto
Log In
Start
RC
Start
RC
Router
Router
Query
Query
Table
Table
DB
beta
DB
beta
AI
alpha
AI
alpha
Form
new
Form
new
Virtual
Virtual
Pacer
beta
Pacer
beta
Hotkeys
alpha
Hotkeys
alpha
Store
alpha
Store
alpha
Devtools
alpha
Devtools
alpha
CLI
alpha
CLI
alpha
Intent
alpha
Intent
alpha
More Libraries
More Libraries
Builder
Alpha
Builder
Alpha
Blog
Blog
Maintainers
Maintainers
Partners
Partners
Showcase
Showcase
Learn
NEW
Learn
NEW
Stats
Stats
YouTube
YouTube
Discord
Discord
Merch
Merch
Support
Support
GitHub
GitHub
Ethos
Ethos
Tenets
Tenets
Brand Guide
Brand Guide
TanStack Intent
/
Registry
/
@trpc/tanstack-react-query
@trpc/tanstack-react-query
11.16.1-canary.6 (latest) — 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