T
tRPC

TRPC Next/Server Types Broken >10.5.0

TRPC Next/Server Types Broken >10.5.0

TTheGoatedDev4/28/2023
Hi all, recently I upgraded from 10.5.0 to latest 10.21.2, discovering that I now have type-check errors across all apps and packages that import my TRPC package. This is preventing the ability to build, with type-checking which is not overly great. I tryed over versions like 10.10.0 and 10.6.0, etc... All Versions After 10.5.0 cause @trpc/next type errors. And some where between 10.6.0 and 10.21.2 cause the @trpc/server issues. The File Attached is the log of the errors that occur with the commands I used. I am using Node 18, Yarn and Turborepo. Hope someone has had a similar issue. Hopefully there is fix that I could use.
AKAlex / KATT 🐱4/28/2023
what's your typescript version? that looks like new syntax so i think you need to bump ts
TTheGoatedDev4/28/2023
@alex / KATT It is on 4.5.3
AKAlex / KATT 🐱4/28/2023
looks like we require typescript 4.7 right now oops because we use instantiation expressions
TTheGoatedDev4/28/2023
It is possible to have a disclaimer on the docs???
AKAlex / KATT 🐱4/28/2023
but i think that's the only place, we could likely refactor it
AKAlex / KATT 🐱4/28/2023
it says here
TTheGoatedDev4/28/2023
Ah https://tenor.com/view/underestimate-my-power-jeremy-clarkson-confused-gif-5669466 Well thanks again, I didn't release their was a upgrade required.... Been attempting everything today for this issue, it has taken me 6 hours.
AKAlex / KATT 🐱4/28/2023
uh shit sorry to hear
TTheGoatedDev4/28/2023
It is all good, glad to know it was just the basics I was over thinking the issue.

Looking for more? Join the community!

T
tRPC

TRPC Next/Server Types Broken >10.5.0

Join Server
Recommended Posts
JWT Token is type "never" in frontend.??!!TRPC Backend is sending JWT Token as string but frontend is reading it as type "never". I am using tHow to properly check the contents of prefetched data?I have dynamic route with SSG and if coming product slug is not in db I want to return notFound: trutrpc/next very slowI have set up my project using trpc/next and i have extremely slow queries, simple hello world takinGeneric 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 app