TTC

Theo's Typesafe Cult•12mo ago•

8 replies

ChrisEvans

What's the difference between the `api` exported from react.tsx and the `api` from server.ts?

I'm using Next, tRPC, & prisma. In the boilerplate, there's two

api

api

objects. One is created with

createTRPCReact

createTRPCReact

, and the other created with

createHydrationHelpers

createHydrationHelpers

. What's the difference in what they do? In the examples on StackBlitz there's only one, and it's created with

createTRPCNext

createTRPCNext

: https://stackblitz.com/run?file=example-app%2Fsrc%2Fpages%2Findex.tsx,example-app%2Fsrc%2Futils%2Fapi.ts

StackBlitz | Instant Dev Environments | Click. Code. Done.

StackBlitz is the collaborative browser-based IDE for web developers. StackBlitz eliminates time-consuming local configuration and lets developers spend more time building.

Solution

the api from react.tsx is meant for the client with the tanstack-query bindings while the api exported from server.tsx is meant for use within the server only (async components and server functions)

Jump to solution