Hi, I just created a prisma + trpc backend which uses prisma-trpc-generator to generate trpc routers from the prisma schema. I noticed that while procedure parameters are correctly typed the return type is not getting inferred. This is not a monorepo-related issue since I moved my client to the server directory and the return types are inferred as TProcedure"def""transformer"] extends DefaultDataTransformer ? Serialize<TProcedure["def" : TProcedure"_def", a type that despite not being any behaves exactly like any, not providing any type-checks or autocompletion. Is there any tsconfig that "just works" for trpc? I have spent so much time fiddling with my tsconfig.json and can't get it to work.

Procedure return types are getting inferred as any

KKranga

7/28/2023

Hi, I just created a prisma + trpc backend which uses prisma-trpc-generator to generate trpc routers from the prisma schema. I noticed that while procedure parameters are correctly typed the return type is not getting inferred. This is not a monorepo-related issue since I moved my client to the server directory and the return types are inferred as

TProcedure["_def"]["_config"]["transformer"] extends DefaultDataTransformer ? Serialize<TProcedure["_def"]["_output_out"]> : TProcedure["_def"]["_output_out"]

, a type that despite not being any behaves exactly like any, not providing any type-checks or autocompletion. Is there any tsconfig that "just works" for trpc? I have spent so much time fiddling with my tsconfig.json and can't get it to work.

KKranga

7/28/2023

This is my current tsconfig trying everything I found online to try to make it work

{
  "ts-node": {
    "require": ["tsconfig-paths/register"]
  },
  "compilerOptions": {
    "composite": true,
    "target": "ESNext",
    "lib": ["esnext"],
    "allowJs": true,
    "checkJs": true,
    "skipLibCheck": false,
    "strict": true,
    "module": "ESNext",
    "moduleResolution": "bundler",
    "baseUrl": ".",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "incremental": true,
    "esModuleInterop": true,
    "noUncheckedIndexedAccess": true,
    "declaration": true,
    "declarationMap": true,
    "paths": {
      "#trpc": ["./trpc.js"],
      "#db": ["./prisma/db.js"],
      "#constants": ["./constants.js"],
    },
  },
  "include": ["./*\*/\*"],
  "references": [
    {"path": "../front"}
  ],
  "exclude": ["node_modules", "types"]
}

DDiamondDragon

9/26/2023

did you find a solution? @Kranga I am getting not getting type safety on a rute like this, its typed as any

export const signupRouter = router({
    signupNewTeam: publicProcedure
        .input(insertSignupNewTeam)
        .mutation(async opts => {
            return await createSignupService(opts.ctx.database).signupNewTeam(
                opts.input,
            )
        }),

export const signupRouter = router({
    signupNewTeam: publicProcedure
        .input(insertSignupNewTeam)
        .mutation(async opts => {
            return await createSignupService(opts.ctx.database).signupNewTeam(
                opts.input,
            )
        }),

Looking for more? Join the community!

tRPC

Procedure return types are getting inferred as any

Join Server

tRPC

Procedure return types are getting inferred as any

Join Server

Recommended Posts

Hey 👋I'm looking to use tRPC with app-router specifically with this setup; - My pages are RSC, and I wan Hi ! I get this error when i trying to getUser : ❌ tRPC failed on user.getUser: UNAUTHORIZED what is "use" keyword```ts const baseProcedure = t.procedure .input(z.object({ townName: z.string() })) .use((opts) =How to Type a Middleware factory?Lemme first show you what I want, so you can get the gist of it. (Consider me less experienced in ty Does "enabled" in useInfiniteQuery work?I am trying to prevent the hook to fetch data using "enabled" parameter. It works in useQuery, but u How to use NextJS tRPC client without hooks?I want to use the vanilla tRPC client in NextJS (both browser+server), but I can't because it doesn'"Fast Refresh" messing with my WebSocketServer in Next.js developmentI got my websockets up and running in **tRPC **+ **Next.js** with this code: ```js import { WebSock t3-turboHey anyone know how to integrate clerk into t3-turbo app