Forward NextJs Request to TRPC Server
Hey everyone! I need some help with my project setup. Here's my current situation:
My Setup:
* I have a NextJS 14 project (which is both client-side and server-side)
* I also have a separate ExpressJS tRPC server...
trpc useQuery/useMutation not inferring return type of prisma query
Env: Node18 , npm
i'm using turborepo with the server as Honojs + hono-trpc adapter and the client as react vite
So i've already did the setup as said in the docs and everything is working perfectly everything returned from the trpc procedures is inferred except when i return a prisma query then the inferred type is "any" ??
...
Solution:
i solved it
so it was an error with the context which contains (prisma and telegram bot) not being inferred from the client so i had to type it manually now all returned prisma queries works as expected...
how are you meant to set up client side queries?
why is there no type on the data? don't know what to do about the deprecated
onSuccess stuff either.
```tsx
trpc.authCallback.useQuery(undefined, {
onSuccess: ({success}) => {...
Prefetch | useSuspenseQuery | Error: redacted | updateDehydratedSuspenseComponent
I would like to know if there is any alternative for my requirements:
1) The page finishes loading, just render after all the prefetch that exist
2) If any of the prefetch returns some type of error, the component that depends on that prefetch will not render
3) Don't keep flooding
Error: redacted in the server console as shown in the print...
tRPC & Next.js confused about error
Hey, I'm really new with next.js, react and trpc, I was trying to add tRPC into my small SSR next.js project to send data from the client to the server, following the tRPC Next.js examples is pretty tricky knowing close to nothing about it and I am getting a weird error. It doesn't tell me where it is, what file, I've tried mostly commenting out code from my
page.tsx file and I still get the useState error? I'm not sure how to set up layout.tsx too... That's probably what I'm doing wrong but I don't know where to find out what is wrong
layout.tsx
```tsx
import type { Metadata } from "next";...Solution:
For context, trpc does not officially support Nextjs App router. Instead of wrapping your component in trpc's HoC, you can create a client component provider and wrap your app with it.
Look here https://github.com/trpc/trpc/issues/3297#issuecomment-1423905894...
CORS Preflight did not succeed
I cannot seem to access my api endpoint but when I manually do it in the browser, it works. I attached images of the network tab and the code
Solution:
Fixed it by manually specifying each method instead of using ANY
..for context, I am using sst/ion for IaC...
