TanStack Router - tRPC with React Query Example

An example demonstrating integration of tRPC with TanStack Query.

• TanStack Router Docs
• tRPC Documentation
• TanStack Query Docs

Start a new project based on this example

To start a new project based on this example, run:

npx gitpick TanStack/router/tree/main/examples/react/with-trpc-react-query with-trpc-react-query

Getting Started

Install dependencies:

pnpm install

Start the development server:

pnpm dev

Build

Build for production:

pnpm build

About This Example

This example demonstrates:

• tRPC integration with TanStack Router
• TanStack Query for data fetching
• Type-safe API calls with caching
• End-to-end type safety
• Optimistic updates