Kranga•2y ago

Trouble inferring the type of a very simple structure of nested routers

A very simple router results in an inference error, causing the client to not be able to infer the router type. I am using the proxy-beta.24 version along with typescript 4.9.1

export const app_router = t.router({
    metadata: t.router({
        versions: t.procedure.query(() => ({engine: '0.0.1'}))
    })
});

8 Replies

julius•2y ago

1. Are all your tRPC versions on beta.24? I’ve seen the rootconfig error before when someone had missmatching versions of tRPC server/client/… 2. Can you test with a stable version of typescript?

Kranga•2y ago

1. Just checked the package.json of trpc client and server and both are on beta.24. 2. I downgraded typescript to 4.8.4 and the error still persists

julius•2y ago

You got a repro?

Kranga•2y ago

Gonna make one quick

Kranga•2y ago

https://github.com/kran6a/trpc-inference-repro

GitHub

GitHub - kran6a/trpc-inference-repro

Contribute to kran6a/trpc-inference-repro development by creating an account on GitHub.

julius•2y ago

strictNullChecks: false seems to be the culprit

julius•2y ago

Kranga•2y ago

Yep, it fixed it Thanks for your help, the error was driving me mad

Move Fast & Break Nothing. End-to-end typesafe APIs made easy.

4.9KMembers

View on Discord

More Posts

calling trpc endpoints from vanilla nextJs api routesI'm struggling to find what's the best way to call a trpc endpoint directly from the server. Basical Multiple React providersGood morning! Is there any workaround, how to use multiple trpc-client instances with react-query? I Mutation type issueI'm trying to mutate something like this with tRPC and Prisma ```const updateColumn = trpc.project.u Can I redirect the user from inside my router?I have a query protectedProcedure, which returns an object from my prisma planetscale db What's the Which http library trpc uses in the frontend?I was wondering if`trpc` uses the `Fetch API` or uses something like `Axios` to do API calls from th useQueryClient is not working as expectedSo before v10 I was simply using useQueryClient and had my `queryClient` strongly typed. Now I moved Infer the type of ctx for a specific procedureLet's say I had a helper function that I wanted to pass the context to, I can't use the default Cont CORS in standalone serverHi, I'm trying to get CORS working in standalone server. Attempted this solution but unfortunately Test example for react-testing-libraryDoes trpc has any example of doing tests with react-testing-library? We need to wrap the app using `Queries break when in production on Vercel; work on localhostThe query is called like this: ```javascript const { data } = api.useQuery(["user.!getCount"], {