Hey 👋 - tRPC

Hey 👋

Ooreo

7/28/2023

I'm looking to use tRPC with app-router specifically with this setup; - My pages are RSC, and I want to fetch the data there using trpc route / .query or .fetch (page.tsx), cached - My forms are "client side" I want to mutate using react-query on client side and manually invalidate RSC fetchers above ^ upon mutations Does anyone have an example repo I can investigate to achieve this setup?

PPotatisMannen

8/3/2023

This is actually a really good question. I would love to know how to do this. Maybe there is a way to use next’s route refreshing to cause rsc data to update the page? If not that, then im guessing best option is to only fetch server side data as prefetched data and pass that prefetched data to your query somehow. That way the query client is still responsible for data updates on the client when mutations happen and the rsc data fetch only serves the purpose of prefetching data for initial renders From my understanding thats the intended model from a next point of view

Looking for more? Join the community!

Hey 👋

Hey 👋

Recommended Posts

Hi ! I get this error when i trying to getUser : ❌ tRPC failed on user.getUser: UNAUTHORIZED what is "use" keyword```ts const baseProcedure = t.procedure .input(z.object({ townName: z.string() })) .use((opts) =How to Type a Middleware factory?Lemme first show you what I want, so you can get the gist of it. (Consider me less experienced in ty Does "enabled" in useInfiniteQuery work?I am trying to prevent the hook to fetch data using "enabled" parameter. It works in useQuery, but u How to use NextJS tRPC client without hooks?I want to use the vanilla tRPC client in NextJS (both browser+server), but I can't because it doesn'"Fast Refresh" messing with my WebSocketServer in Next.js developmentI got my websockets up and running in **tRPC **+ **Next.js** with this code: ```js import { WebSock t3-turboHey anyone know how to integrate clerk into t3-turbo app avoiding used more hooks than previous renderI understand whats causing the error in my code, im checking if id is defined before calling useQuer How would batching result in a single database query?On the `httpBatchStreamLink` docs it says that multiple query calls could result in a single databas TS error cause Query is not returning correct type to the client!So Ive build a query which return a type called Employee, for example. on my client I've props which