The inferred type of this node exceeds the maximum length the compiler will serialize.

HHussam

3/30/2023

Hey, there I am running into this error when I have more than 12 routers in the mergeRouters function.

The inferred type of this node exceeds the maximum length the compiler will serialize. An explicit type annotation is needed.

version: latest related: https://github.com/trpc/trpc/issues/2568 // that din't work for me.

Nnlucas

3/30/2023

Are you able to share your code?

HHussam

3/30/2023

it's a private repo, I can share snippet if you like to. I am referring to cal.com setup, my local setup for cal.com also error out the same way. https://github.com/calcom/cal.com/blob/main/packages/trpc/server/routers/viewer.tsx#LL1281C20-L1281C20,

export const appRouter = mergeRouters(
    router12,
    router({
        router1, 
        router2,
        router3,
        router4,
        router5,
        router6,
        router7,
        router8,
        router9
        router10,
        router11,
        // router13,
        // router14,
        // router15,
    }),
);

export const appRouter = mergeRouters(
    router12,
    router({
        router1, 
        router2,
        router3,
        router4,
        router5,
        router6,
        router7,
        router8,
        router9
        router10,
        router11,
        // router13,
        // router14,
        // router15,
    }),
);

uncommenting any of the last three gives that type error on appRouter

Nnlucas

3/30/2023

Interesting I think it's worth opening a fresh issue for this, but it would be very helpful to have a reproduction repo

HHussam

3/30/2023

Oh and I forgot to mention, it works when I set declaration: false in tsconfig.json. I dont know, if that's okay or will have cons for it

Nnlucas

3/30/2023

Just to be sure, do you have strict:true enabled? That can help a lot of perf things

HHussam

3/30/2023

yup, it's set to true

Nnlucas

3/30/2023

Great I'd open a GitHub issue then

HHussam

3/30/2023

sure, thanks.

Ttrash_dev

3/30/2023

in the past we have recommended turning off that option if you dont need it https://www.typescriptlang.org/tsconfig#declaration tldr; it generate a d.ts file for every file. which is unnecessary in most cases

Mmsalsbery

3/31/2023

Just for my own sanity, why are you merging 2 un-namespaced routers with the second one an already merged set of namespaced routers?

HHussam

3/31/2023

just so that I get to question right Did you mean I could do this instead ?

export const appRouter = mergeRouters(
        router12,
        router1, 
        router2,
        router3,
      ......
);

export const appRouter = mergeRouters(
        router12,
        router1, 
        router2,
        router3,
      ......
);

I followed this setup, https://github.com/calcom/cal.com/blob/main/packages/trpc/server/routers/viewer.tsx#LL1281C20-L1281C20, Also, thanks you made me realize router() is Deprecated https://trpc.io/docs/typedoc/server/functions/router-1#deprecated

Mmsalsbery

3/31/2023

Yes that’s what i meant…or use router({…}) for namespaced endpoints. I’ve never seen the two mixed so I’m curious https://trpc.io/docs/server/merging-routers#merging-with-tmergerouters

HHussam

3/31/2023

I moved everything into router({ }) , and the type error is gone. Just a head ups @Nick Lucas, it's fixed for me now. I hadn't created a github issue, as I couldn't reproduce the issue easily. thanks a lot all of you.

Looking for more? Join the community!

tRPC

The inferred type of this node exceeds the maximum length the compiler will serialize.

Join Server

tRPC

The inferred type of this node exceeds the maximum length the compiler will serialize.

Join Server

Recommended Posts

Quickstart not workingHello there, There is a type error in the quickstart example if i'm not mistaken. I pretty much co Use TRPC function inside of a TRPC functionHi all! We have a trpc query called getProduct. I want to use this getProduct query inside of anothe Using tRPC for uploading audio filesI want to create an api router in tRPC but am not sure if the following code is doable with tRPC. If Enigmatic INTERNAL SERVER ERRORIm having a problem finding out about what is causing the INTERNAL SERVER ERROR from tRPC in my prod createProxySSGHelpers type errorHi all! Anyone know how to use createProxySSGHelpers with appropriate createContext typing?Can I force metadata with the createCaller?I have custom metadata which I check within the middleware. Im trying to write tests for this. Curre Vitest error testHow can I test for specific TRPCError code with vitest? I managed to get the message but can't figur Using generics duplicates the types instead of referring to the existing typesHi! I'm creating a backend API using TRPC, where I'm encountering a slight problem. TL;DR; when def Set custom header for fetchRequestHandlerIs this possible? currently getting cors issue. Trying to use nextjs's edge function with trpc.. ``How to enforce usequery as NonNullableI have a custom hook with infinite query. I check for undefined at the app first render and then it How to call useQuery with params inside JSXHow can i achieve this? Thanks ``` export function MemberQueryList({ list }: Props) { function Sharing EnumOn the backend: I have colocated files with types and procedures (index.ts - procedures, schemas.ts Meta - unable to create default metaTrying to follow https://trpc.io/docs/server/metadata#default-meta-chaining-and-shallow-merging I se trpc/react-query batchingHi. How do you deal with batching? If I don't put any maxURLLength then I get an error 404 since it middleware error with minimal-react examplehello! I tried to use the minimal-react version, but I get an error - it says that `'middleware'` do how to use the same Zod validation both client and server's procedure inputWhen submitting forms, I need the same validation. How to reduce the repeated code?pipe/unstable_pipeI cant seem to find it? according to the docs I can chain middlewares using pipe in v10 but the feat Implementation of bi-directional cursor-based paginationI'm looking at the [example](https://trpc.io/docs/useInfiniteQuery#example-react-component) for `use How to ignore `input` validation and just pass in an object with interfaces?For my input I just want to pass in an interface rather than using a Zod schema. Either that or if s Where can I add a query key?I tried to follow as in useQuery from Tanstack, but Typescript started complaining ```js api.prompts