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...
how to import superjson in express?
"The current file is a CommonJS module..."
I set module to Node16 and moduleResolution to NodeNext but still not working, any clue?...
