T
tRPC

Incompatible Router Types

Incompatible Router Types

TThiccBoiCommander
View on Discord
10/24/2023
I am working on a trpc implementation for sveltekit. I attached a screenshot of the createContext function, the fetchRequestHandlers, and the client. Everything works but I am getting a typescript error that is breaking auto-complete. I will comment the error below.
No description
No description
No description
TThiccBoiCommander
View on Discord
10/26/2023
Type 'CreateRouterInner<RootConfig<{ ctx: Ctx; meta: object; errorShape: { data: { zodError: typeToFlattenedError<any, string> | null; code: "PARSE_ERROR" | "BAD_REQUEST" | "INTERNAL_SERVER_ERROR" | ... 11 more ... | "CLIENT_CLOSED_REQUEST"; httpStatus: number; path?: string | undefined; stack?: string | undefined; }; mes...' is not assignable to type 'AnyRouter'.
  The types returned by 'createCaller(...)' are incompatible between these types.
    Type 'DecoratedProcedureRecord<{ auth: CreateRouterInner<RootConfig<{ ctx: Ctx; meta: object; errorShape: { data: { zodError: typeToFlattenedError<any, string> | null; code: "PARSE_ERROR" | "BAD_REQUEST" | "INTERNAL_SERVER_ERROR" | ... 11 more ... | "CLIENT_CLOSED_REQUEST"; httpStatus: number; path?: string | undefined; s...' is not assignable to type 'DecoratedProcedureRecord<any> & { query: inferHandlerFn<any>; mutation: inferHandlerFn<any>; subscription: inferHandlerFn<any>; }'.
      Type 'DecoratedProcedureRecord<{ auth: CreateRouterInner<RootConfig<{ ctx: Ctx; meta: object; errorShape: { data: { zodError: typeToFlattenedError<any, string> | null; code: "PARSE_ERROR" | "BAD_REQUEST" | "INTERNAL_SERVER_ERROR" | ... 11 more ... | "CLIENT_CLOSED_REQUEST"; httpStatus: number; path?: string | undefined; s...' is not assignable to type 'DecoratedProcedureRecord<any>'.
        Property 'query' is incompatible with index signature.
          Type 'inferHandlerFn<{}>' is not assignable to type 'DecoratedProcedureRecord<any> | DecorateProcedure<any>'.
            Type 'inferHandlerFn<{}>' is not assignable to type 'DecorateProcedure<any>'.
              Types of parameters 'path' and 'input' are incompatible.
                Type 'any' is not assignable to type 'never'.ts(2322)
types.d.ts(13, 5): The expected type comes from property 'router' which is declared here on type 'FetchHandlerRequestOptions<AnyRouter>'
Type 'CreateRouterInner<RootConfig<{ ctx: Ctx; meta: object; errorShape: { data: { zodError: typeToFlattenedError<any, string> | null; code: "PARSE_ERROR" | "BAD_REQUEST" | "INTERNAL_SERVER_ERROR" | ... 11 more ... | "CLIENT_CLOSED_REQUEST"; httpStatus: number; path?: string | undefined; stack?: string | undefined; }; mes...' is not assignable to type 'AnyRouter'.
  The types returned by 'createCaller(...)' are incompatible between these types.
    Type 'DecoratedProcedureRecord<{ auth: CreateRouterInner<RootConfig<{ ctx: Ctx; meta: object; errorShape: { data: { zodError: typeToFlattenedError<any, string> | null; code: "PARSE_ERROR" | "BAD_REQUEST" | "INTERNAL_SERVER_ERROR" | ... 11 more ... | "CLIENT_CLOSED_REQUEST"; httpStatus: number; path?: string | undefined; s...' is not assignable to type 'DecoratedProcedureRecord<any> & { query: inferHandlerFn<any>; mutation: inferHandlerFn<any>; subscription: inferHandlerFn<any>; }'.
      Type 'DecoratedProcedureRecord<{ auth: CreateRouterInner<RootConfig<{ ctx: Ctx; meta: object; errorShape: { data: { zodError: typeToFlattenedError<any, string> | null; code: "PARSE_ERROR" | "BAD_REQUEST" | "INTERNAL_SERVER_ERROR" | ... 11 more ... | "CLIENT_CLOSED_REQUEST"; httpStatus: number; path?: string | undefined; s...' is not assignable to type 'DecoratedProcedureRecord<any>'.
        Property 'query' is incompatible with index signature.
          Type 'inferHandlerFn<{}>' is not assignable to type 'DecoratedProcedureRecord<any> | DecorateProcedure<any>'.
            Type 'inferHandlerFn<{}>' is not assignable to type 'DecorateProcedure<any>'.
              Types of parameters 'path' and 'input' are incompatible.
                Type 'any' is not assignable to type 'never'.ts(2322)
types.d.ts(13, 5): The expected type comes from property 'router' which is declared here on type 'FetchHandlerRequestOptions<AnyRouter>'
I managed to resolve this by un-installing and re-installing the @trpc/server and @trpc/client packages

Looking for more? Join the community!

T
tRPC

Incompatible Router Types

Join Server
Recommended Posts
nextjs app router, "fs", "os", "zlib-sync" and trpc experimental edge RouterEnvironement: Turborepo + pnpm What's wrong: when I tried to build nextjs, the error is like this TS4111: Property 'error' comes from an index signature, so it must be accessed with ['error'].I am trying to use trpc with AnalogJs, an Angular meta framework and Nx. We use the @nx/vite builderTypeError: Cannot read properties of null (reading '_def')As the title says, I get the following: TypeError: Cannot read properties of null (reading '_def') I wanna add a localStorage persister, but I'm getting errors for hydration:I wanna add a localStorage persister, but I'm getting errors for hydration: ```js const persister =error route always getting 500 from trpc error? (next13/approuter)I've got this condition for throwing in my trpc procedure: ```ts if (!userClerkProfile) { force-cache planetscale errortrying to use the trpc API from RSCs fails and gives the following error ```log result: { data: