Unable to infer mutation input type from zod validation schema

Hi team. First of all, I’d like to say I’m really enjoying trpc, but have had some trouble integrating it on an existing project based on react-query.

If I define a mutation route with an zod input validation schema, the generated hooks mutate and mutateAsync methods have void for variables. However, replacing it with a yup schema gets me a different result.

Consider the following router:

const signupRouter = createRouter()
  .mutation('signup', {
    input: z.object({
      email: z.string().email(),
      firstName: z.string().nonempty(),
      // ....
    }),
   resolve: () => { 
     // ...
   }
  })

This is what I get when I try to use the mutation hook:

Now, switching to yup …

const signupRouter = createRouter()
  .mutation('signup', {
    input: yup.object({
      email: yup.string().email(),
      firstName: yup.string().required(),
      // ....
    }),
   resolve: () => { 
     // ...
   }
  })

This is what I get, still not optimal as there’s a weird void | T union type

[amantiwari1]

WOW! it works after enable strict mode

thanks! @sachinraja

[sachinraja]

What’s the error @amantiwari1? You may have to enable strict mode in your tsconfig.