tRPC

Join the tRPC server to ask questions!

tRPC

Join the community to ask questions about tRPC and get answers from other members.

12/30/2024

Optimizing Global State Updates for Mutations Across Multiple Query Keys in tRPC with React Query

I'm using tRPC with React Query in my app, and I need some advice. I have a mutation (e.g., toggleLike) that updates a specific field (hasLiked) for posts. The mutation works fine, and I'm using optimistic updates to reflect the changes immediately in the UI. Here's the challenge: I need this hasLiked field to update consistently across multiple query keys, such as getLatest and getTrending, whenever the mutation is triggered. Right now, I have to manually update each query like this: ...

Emil

12/30/2024

SuperJSON not tranforming dates in edge runtime

I switched trpc routes to edge runtime in nextjs, and now the superjson transformer doesn't work. Has anyone else ecountered this probelm and found a solution?

PinkiePie

12/27/2024

trpc doesn't work after migrating to next 15

When i upgraded to Next 15 (pages router), all trpc routes fails with status 500 on production. The result message is

{"error":{"json":{"message":"req.socket.once is not a function","code":-32603,"data":{"code":"INTERNAL_SERVER_ERROR","httpStatus":500}}}}

. I don't really understand if it's TRPC issue, Next issue or even Netlify issue (i host my website there, but they declare to support Next 15). Does anybody have an idea where the problem could be? I don't call req.socket.once anywhere in m...

Viral

12/26/2024

Express/NextJS Server Side Setup

After following the T3Repo TRPC setup, I attempted to modify it for an Express API. Everything works great except... on server side requests it runs the backend as it imports createCaller from the backend. I have been lost trying to configure the NextJS Config and TSConfig to see if I can get out of this but I am out of ideas. ```ts...

h3llo

12/26/2024

subscription tracked returns a 3-tuple to frontend instead of object

I am using tracked as per recommendation in https://trpc.io/docs/server/subscriptions#tracked like this: ```ts for await (const [eventData] of iterable) { yield tracked(eventData.jobId, eventData); }...

pikabo

12/20/2024

Example on Website has no Output Types

In this example from the website https://trpc.io/docs/quickstart#try-it-out-for-yourself there is no output type nference. If i download it its the same. For example in the index.ts in the client users has no type.

const users = await trpc.user.list.query();

const users = await trpc.user.list.query();

...

Riccardo

12/18/2024

TRPC Error does not say router path

Hello, I have a tRPC client that sometimes fails to call my procedures/queries. I have many of them and find difficult to track back the router path that failed. Am I missing something? In the stacktrace I only get this: TRPCClientError: Unexpected token 'A', "An error o"... is not valid JSON...

iodamiano

12/17/2024

TRPC-Image

Hello, Someone know if there are some news about a way to pass an image in a TRPC mutation? I don't want to upload the image before and later send the url to the mutation, someone know how can i handle this stuff?...

Bumblebee

12/17/2024

Client receives 200 status when throwing TRPCError

Using pnpm, Next 14 app router and tRPC v11 mainly based on create-t3-turbo. If I have a query on the client and then throw, for example, a TRPCError with code UNAUTHORIZED, the client is getting back a 200 rather than a 401. ```ts const handler = async (req: Request) => {...

sh03

12/17/2024

`useSuspenseQuery` with Remix causes weird "Failed to parse URL from /api" errors

I'm using tRPC with Remix (no loaders, just a client app) and as soon as I converted my codebase from useQuery to useSuspenseQuery I'm now getting "Failed to parse URL from /api". errors in my console and server. It seems as though the queries are being run on the server for some reason (where /api cannot be parsed because window.location is not available). Any ideas what's going on? Is this intended behaviour?...

Samuel Barnholdt

12/17/2024

Trying to create a minimal streaming example but I'm getting iterable is not async iterable

Am I missing something basic here?

jonast

12/16/2024

Getting nitro adapter to work

I'm struggling to get my trpc procedures to work using the nitro adapter: https://github.com/michealroberts/trpc-nitro-adapter I followed the steps here to install nitro: npx giget@latest nitro nitro-app --install ...

Smoke Felicity

12/16/2024

TRPC Services!

Does trpc support or work with mobile applications such expo-react-native

Hussam

12/13/2024

Can trpc be used when both app and pages router is used at once ?

Dependencies next.js: 15.1.0 trpc: 10.18...

sh03

12/12/2024

SSR in Remix/React Router

Has someone managed by any chance to make tRPC SSR work in Remix/React Router?

sh03

12/12/2024

Simplifying SSR (e.g. in Next.JS)

I'm just trying to figure out if I'm missing something or if somebody else already tries this but: Wouldn't it be theoretically possible, for SSR, to detect when a useQuery is being SSR (e.g. checking typeof window === 'undefined') and therefore await the fetch call automatically and then pass it to initialData to rehydrate on the client?...

Madyan

12/12/2024

Type mismatch with queryClient prop of @trpc/react-query

Getting the following type-check error: ``` src/providers/query-client.tsx:49:42 - error TS2322: Type 'import("/<...>/node_modules/@tanstack/query-core/build/modern/hydration-CLZ8NKV0", { with: { "resolution-mode": "import" } }).b' is not assignable to type 'import("/<...>/node_modules/@tanstack/query-core/build/modern/hydration-C0fOPJLA").b'. Property '#private' in type 'QueryClient' refers to a different member that cannot be accessed from within type 'QueryClient'. ...

Emil

12/8/2024

Getting type error for AppRouter

Hey. I've set up trpc in my monorepo as per this repo: https://github.com/t3-oss/create-t3-turbo (other auth provider). I am running in to these two type errors on the AppRouter type and haven't been able to solve them: Type 'CreateRouterInner<RootConfig<{ ctx: { db: NeonHttpDatabase<typeof import("/Users/emilqvarfort/Desktop/Projects/moktiv/code/moktiv/packages/db/src/schema/index")> & { $client: NeonQueryFunction<boolean, boolean>; }; token: string; session: { ...; }; user: { ...; } | undefined; }; meta: object; errorShape: { ...; }; t...' does not satisfy the constraint 'Router<any, any>' The types of '_def._config.transformer' are incompatible between these types....

brumbrum_brum

12/6/2024

Cloudflare worker subscriptions/websockets

Does anyone have any experience setting up CF Workers with TRPC supbscriptions, in a way where I can have both subscriptions and mutation/queries at the same time? Also without the use of durable objects.

theLMGN

12/6/2024

Prevent client tsc from typechecking the server

Hello, I'm trying to use trpc as documented here, but as soon as I put import type { AppRouter } from "../../src/index.ts"; the tsc for the browser client tries to check the node server and throws errors like ```...

Previous Next