T
tRPC

trpc/next very slow

trpc/next very slow

Sschulzf4/27/2023
I have set up my project using trpc/next and i have extremely slow queries, simple hello world taking around 1 full second on dev. anyone experienced something like this before? I've tried setting up my project with theo create-t3-app to compare and it's not even close, around 20ms. I can share a repo later, but if someone has had this before and knows what's likely culprit, would be nice to hear from you
Nnlucas4/27/2023
This is at runtime? It’s probably your own code, nothing to do with tRPC Likely database or 3rd party service slowness. Add some performance traces to measure times If not could you share the codebase?
Sschulzf4/27/2023
https://github.com/leadup-swe/ezly i tried many things, removing database from context, removing middlewares, clerk (auth), making it as barebones as possible, and no luck
Sschulzf4/27/2023
the simple hello world in src/server/router/projects/hello.ts takes 1 full second
Nnlucas4/27/2023
Yeah there's a lot going on in that You'll need to do some more experimentation here. It's very unlikely anything to do with Next or tRPC Hooking up a debugger and record a trace/flamegraph with some added perf tracing calls might provide a lot of info

Looking for more? Join the community!

T
tRPC

trpc/next very slow

Join Server
Recommended Posts
Generic handler for data.isLoading and data.isErrorHi, I'm looking for a way to create generic interface for useQuery result (budgetData from example bBug where 2 requests are fired at once. TRPC batches them. Can I cancel the 2nd via ProcedureOption?Hey all. I have a bug where my app fires two identical requests at the same time. This happens do toHow to do an async API call in useEffect (T3 stack)Hey, I have the router below and want to call the `tutor`async in an `useCallback` function, but thepagination - Offset MethodHi trpc has pagination example but only using cursor https://trpc.io/docs/reactjs/useinfinitequery next js appDirNext js tRpc What are the advantages of using trpc instead of the native Next.js APIs when buildingHow can you fetch data on a dynamic router with trpc?I’m creating a table component within my NextJs app. Instead of making an api call in the parent comMocking tRPC call w/ Playwright (Transform Error)I have a tRPC call that I would like to mock out for a Playwright E2E test. I've followed their doczod input validation from ts typeI imported a type using `import type { WebhookEvent } from "@clerk/nextjs/api";`. Is there a way to Looking to fix my tRPC implementationHi guys I am looking for some help implementing tRPC in my current project, I have 3 files that needExpression produces a union type that is too complex to representHi! I have started to encounter the above on error on pretty simple react components using trpc v10 Skipping useQuery with typescriptI'm wondering if there is a way to skip a query in a typescript friendly way? `rtk-query` has a handClerk Webhook Input UndefinedHi! I wrote a public procedure that takes in an input and updates user info based on Clerk Webhook. Getting this error: Cannot read properties of undefined (reading 'upsert')I'm using the T3 Stack. And I'm fairly new to tRPC so I am not sure what this error is caused. I'm Stuck trying to utilize useQuery to fetch some data on form submissionI'm trying to call a procedure in trpc through the use of useQuery in react upon form submission. SocreateTRPCNext type errorHi everyone. So I started creating nextjs app with trpc + prisma set up. and when i use my AppRouterFull cache invalidation and timing problemI'm really enjoying using the full cache invalidation https://trpc.io/docs/reactjs/usecontext#invaliUsing Next.JS + FastifyMy node environment is Node 18, powered by PNPM. What's wrong: I have a few requirements for my appError Handling vs Error FormattingI'm a bit confused from the docs about how I should be handling errors on the server. The Error HandNext.js body-parsing issueA thead to discuss this issue: https://github.com/trpc/trpc/issues/4243Cannot find module '@trpc/react-query/server' or its corresponding type declarations```ts import { createServerSideHelpers } from '@trpc/react-query/server' ``` This should work, righ