tRPC

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

tRPC

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

7/10/2024

How to improve typescript performance?

The inferred type of this node exceeds the maximum length the compiler will serialize. An explicit type annotation is needed.ts(7056) 😢 😢
tRPC has long been my favorite tool to use. However, as time has passed, my application has grown slightly bigger, and now I cannot see how it will be possible for me to continue using it... I need a way for tRPC to be scalable, to allow for the creation of hundreds of endpoints and not have to constantly worry about my editor performance. But... it's getting increasingly hard to do this. So much so that I am considering moving off it to something more scalable....

Obi

7/9/2024

websocket testing

anyone know how to test trpc websockets using something like Insomina or Postman? What url etc.

itsyoboieltr

7/9/2024

Cron job with tRPC

can I make a cron job using tRPC? I would like a tRPC endpoint to be called periodically by the same Next.js application that also hosts the tRPC api, meaning I cannot use an external service to make the request to the app. Is this possible somehow? In plain typescript, this would be something like a setInterval function that would call the server side function caller every n seconds.

balakay

7/9/2024

UseQuery iterator not working for me

I am on tRPC v11. Using the example provided in the documentation under "streaming responses using async generators" (re: https://trpc.io/docs/client/react/useQuery) I get the following error in the client:

Cannot use stream-like response in non-streaming request - use httpBatchStreamLink

Cannot use stream-like response in non-streaming request - use httpBatchStreamLink

...

mithrandir

7/9/2024

multiple subscriptions in client side causing latency and failing to reload/redirect

jus the title

Jorge

7/8/2024

Endpoints lose Input and Output Types on tRPC Client

Environment: Node with Bun package manager What's wrong: The problem I am facing is that on the trpc client I am able to type safely access the routes, however the type annotation of the output and input gets lost. What I have: https://github.com/trpc/trpc/discussions/5881 left here all the relevant information on my pov...

Nils

7/7/2024

Where put transformer on custom link? (upgrading to V11 with T3-Setup)

In the Screenshot are the changes I made to the TRPC-Server client. Question: Where do i put the transformer on a custom link? Question2: The callTRPCProcedure-function now gives a type error: Unsafe return of an any typed value....

seven

7/7/2024

client server counication with webSockets

Hi, I would like to be able to send data via ws api from my frontend. Still, I don't seem to be able to send any data from the frontend to the trpc backend, I tried to do it in a way that I make mutation and I open ws connection in this procedure. Still, it reconnects me on every request and I need this connection to stay open and just send the data, is there a way to send data from trpc client - frontend to the subscription precedure? On the client, apart from onData there are only onComplete, onError, onSarted, and onStopped. ws API offers ws.send() and it seems that I can only receive data from the server, is trpc client lacking this functionality or am i missing something? Many Thanks...

chico

7/7/2024

How do you call a router procedure from another router procedure?

.query(async ({ ctx, input }) => {
      const wikiQuery = await routerFromAnotherFile.queryWikiTable(input);

.query(async ({ ctx, input }) => {
      const wikiQuery = await routerFromAnotherFile.queryWikiTable(input);

...

riprsa

7/7/2024

Cannot figure out the correct type

I am trying to use tRPC outside of React. I use it in React, but I need a separate way to use it. I found out about trpc.useUtils().client, which is perfect. But I want to make it a global object for CSR components. I cannot figure out the right type to include in to the declaration. Thank you...

Solution:

export const api = createTRPCClient<AppRouter>({ ... })

brr

7/6/2024

Trying to get the return type of a procedure.

Using TRPC v11. I am failing to return the type. I get the error Type alias 'ProtectedProcedureType' circularly references itself. Any ideas?...

DrizzyDrake

7/6/2024

Having great difficulty using Streaming

I wanted to use the stream api with tRPC to handle a response with alot of return values and I looked at the docs for this https://trpc.io/docs/client/react/useQuery#streaming, and when trying to use the example TypeScript gives me the error: Property 'map' does not exist on type 'AsyncGenerator<number, void, unknown>'. and my JavaScript console gives me this error as well, TypeError: _myQuery_data.map is not a function. I am using the T3 Stack with tRPC running Bun 1.1.3 with Next.js v14.2.4...

Solution:

Uhh, I think bun update did the trick, since I didn't change anything and everything worked. When people say if it ain't broke, don't fix it, this is what they mean.

phibr0

7/5/2024

Unable to abort Suspense queries

I am using trpc@11 with react-query@5. I was under the impression that as long as abortOnUnmount is true, all queries that haven't completed yet will be cancelled. Is there anything I am missing? Provider ```tsx export const TrpcReactProvider = ({ children }: { children: React.ReactNode }) => {...

NoirLime

7/3/2024

Authorization and Authentication while using unstable_httpSubscriptionLink

I'm wondering what best practices are for specifying headers like bearer tokens when using httpSubscriptionLink. Currently, it looks like the API doesn't support this....

Titouan Créac'h

7/3/2024

Custom data transformer and input/output schema

Hello 👋 I would like to code a data transformer, but I would this data transformer to be aware of the input and output Schema of the procedure. why:...

DangerZone

7/3/2024

Property 'error' does not exist on type 'MiddlewareOKResult<any>'.

Hello, I am building an trpc adapter for nestjs, and I am trying to extend some of trpc's functionality, specifically the procedure middleware by creating a procedure class. ```typescript import {...

Tony

7/2/2024

I'm unable to make a GET request in postman. But able to make post requests

I get: expected object received undefined what could i be doing wrong? these are my routes, the problem is with testRoute: ```typescript...

yeetcode.io

7/2/2024

The inferred type of 'trpc' cannot be named without a reference to '...'

I have a monorepo setup like this: root -tsconfig.json -frontend...

Isaac

7/2/2024

Update a query with setData avoid calling invalidateQueries ?

I have this code, which is cancelling all the queries for an specific router, then it's updating the cache, then it's doing a mutation. I have this global overrides, but when i have this setData logic, it's not fetching again the data, when i comment that part, it's refetching. Is this the normal behavior?

seven

7/2/2024

sending messages via WebSockets

Hi, do I have the possibility to send messages via wsLink? I want to connect to Binance and be able to place orders via WebSockets, so far I've only been receiving market data like so: ``` useEffect(() => { const socket = client.binance.marketDataStream.subscribe( { symbol },...

Previous Next