tRPC

Move Fast & Break Nothing. End-to-end typesafe APIs made easy.

tRPC

Move Fast & Break Nothing. End-to-end typesafe APIs made easy.

10/31/2024

Unsafe assignment of an error typed value

Hey guys, I'm new to tRPC so it's probably a newbie question I've a simple route creation, which I'm trying to add more methods to it but eslint is always warning about any other route I create: ```tsx import { z } from 'zod' ...

v28

10/31/2024

Correct way to fetch trpc data on SSR and CSR

Hello, I am currently using trpc in my nextjs app router project and I am wondering what the best way of using trpc is with a mixture of SSR and CSR. The issue I'm having is that because I'm fetching the data on the server, it also fetches on the client which menas I'm making a request needlessly, and I'm not sure what the best way of dealing with this is....

chico

10/30/2024

Client component does not receive updated data after refetch, how to resolve?

Linked to discussion due to word limitation Thanks in advance. I appreciate the feedback https://github.com/trpc/trpc/issues/6165...

venego

10/29/2024

Can I respond to client from a middleware?

I have this authentication middleware that needs to refresh the access token of a JWT session, and I don't want to duplicate the logic in all procedures. How can I send a response from the middleware itself? When I do a simple return, TS gives me some errors, it seems that it expects next() as an output....

𝚜𝚗𝚘𝚘𝚣𝚎

10/28/2024

Blob as response

I know this has been mentioned couple of time but does TRPC allow returning a blob on the client from a publicProcedure. ```downloadFile: baseProcedure.mutation(async () => { const response = await ky("api/export", { headers: {...

Cybermuse.io

10/28/2024

Error handling abort on unstable_httpBatchStreamLink

When using a streaming response with unstable_httpBatchStreamLink and cancelling a request with an AbortController, the client will throw an error. The error is an instance of a generic error rather than a TRPCClientError. I'm trying to think of a solid way to swallow the abort error.

chico

10/26/2024

nextjs middleware trpc authentication

When I use trpc in a server action for a server component, if auth fails and throws a new TRPCError({ code: 'UNAUTHORIZED' }); in the backend, how do I wrap that in nextjs middleware? my nextjs middleware already reroutes to a 404 page if the requesting page is not found. how do I reroute to an authorized page for every server action with trpc? in middleware.ts it says that the request is getting captured at this location for some reason _nextjs_original-stack-frame...

sh03

10/26/2024

Custom data transformer

Has anyone had any experience with custom data transformers? I'm trying to map LocalDate, LocalTime, Instant, etc. from a date & time library. Every type can be serialized to a string (the corresponding ISO format) but it's unclear to me what the best strategy is via a data transformer? Should I serialize these objects to a custom shape (e.g. { type: "LocalDate", value: "..." }) so that it's trivial to deserialize? Seems kinda redundant since the type information is already at the type level. Without a custom shape it's unclear to me how I would be able to deserialize the object given that I don't know the destination type....

Solution:

It worked just fine as described above. 👍

CR1M50N

10/26/2024

How to add req to Context?

I have tried multiple variations of the inner/outer context docs code, but ctx.req and ctx.res are always undefined. https://trpc.io/docs/server/context#inner-and-outer-context. In this related issue, Julius stated that the code shouldn't even work. https://github.com/trpc/trpc/issues/5344. What is the official consensus on this? If it doesn't work then how else does one add the request to context (and why is it in the docs)....

Solution:

I believe the issue was because I had created a trpc caller without passing the req object.

TimKleier

10/25/2024

Any guidance on adding middleware at the router level?

I want to apply middleware across all admin routes. I could add middleware to the adminProcedure, but I'd prefer to do so at the router level. I didn't see any info in the docs. How can I accomplish this? ``` const adminRouter = router({ secretPlace: adminProcedure.query(() => 'a key'), secretPlace2: adminProcedure.query(() => 'b key')...

santi

10/24/2024

Sentry Profiling for TRPC

Has anyone been able to set up Sentry Profiling for TRPC? For example, being able to see how long each API route takes to resolve? We want to identify which TRPC routes are the slowest / least performant...

Long Tran

10/23/2024

useQuery() integration is not passing `staleTime` to underlying query? (11.0.0-rc.593)

I'm attempting to set up persistence for my queries. As part of this, I need to set staleTime on queries to something other than 0 to tell React Query that data loaded from storage is to be considered fresh. However, this doesn't work in practice if staleTime is configured at the query level. I've managed to get persistence working correctly when configuring the query client's default options. Is there an interaction that I'm not understanding here? Any advice would be welcome, thanks!...

rhh4x0R

10/23/2024

Getting CORS error with tRPC express adapter, locally

I've got a Vite + tRPC backend (same repo) that I'm struggling to get queries from. I'm just getting 'Failed to Fetch' on the UI and Network says it's a Cors error. Here's my trpcClient...

Solution:

I realized that I could just run the tRPC server and that also runs the client somehow — so no need for different ports and causing cors issues.

shikishikichangchang

10/22/2024

trpc version 11.0.0-rc.383 breaks turbo

I was seeing a MODULE_UNPARSEABLE error when running with the latest trpc rc. I did a bisect and found 11.0.0-rc.383 to be the breaking version. 11.0.0-rc.382 works fine. Only happens when running with next dev --turbo. next dev is fine...

hasanaktasTR

10/21/2024

How to use subscription with bullmq?

How can I process the messages in the queue with bullmq in the worker and publish them on the subscription side? I can't solve it in any way. My trpc server is published on my own nodejs server. What I want to do is as follows, but we can't use yield in eventlistener. What is the right way? ...

MichaelJC91

10/21/2024

React app not inferring trpc client correctly

I have a monorepo with a packages folder that contains my api. That gets installed in a next js app, as well as a widget built in react using vite. All of a sudden my react app is not inferring my router correctly saying that property does not exist on type never. What exactly is happening here? I've added a few screenshots of my configs...

chico

10/21/2024

Error headers was used outside are request scope. might be because of trpc dynamic api route

Linking to discussion due to word limit https://github.com/trpc/trpc/issues/6145...

Alaskan donut

10/21/2024

Opinionated help: Where to place data access functions with respect to tRPC router(s)?

Hey there 👋 I'm currently trying to decide where to place my data access functions with respect to my tRPC routers. Currently, I have them placed at src/data-access/post/mutate-thing.ts, and I am wanting to move them into a folder structure like this: src/server/routers/post/functions/mutate-thing.ts but this feels a bit too nested (maybe not a bad thing) and for someone new to my codebase, this might make it difficult to find these functions. My routers are all obviously defined at src/server/routers, and I import my data access functions directly into each procedure within each router. Should I leave these data functions where they are at?...

10/18/2024

Types issues upgrading to v11, `never` when using t.router

Hi, we have a mono repo project that we are trying to upgrade from v10.45.2 to v11(next). However, we are running into a weird types issue. This codebase was/is working completely fine with v10.45.2 but upgrading package versions seems to be causing types issues. Maybe we have missed something. We have a base trpc defined in a shared package trpc-shared. ```typescript...

shikishikichangchang

10/16/2024

Trpc server actions

Are there any plans to bump server actions out from experimental? I like trpc a lot. But server actions being 'experimental' is a little worrying. Been looking at libraries like zsa and next-safe-action. Would like to stay with trpc....

Previous Next