empty `input` object when using mutation

KKrishna

11/7/2023

When using useQuery I have no issues even with input but when using useMutation. The backend is receiving an empty input. What could be the reason? stack is nodejs + express + reactjs + yarn Frontend code

const devCompanyMutation = trpc.devCompany.create.useMutation();

  const onSubmit = (latestDoc: T_Insert_DevCompany) => {
    console.log({latestDoc});
    devCompanyMutation.mutate(latestDoc);
  };

const devCompanyMutation = trpc.devCompany.create.useMutation();

  const onSubmit = (latestDoc: T_Insert_DevCompany) => {
    console.log({latestDoc});
    devCompanyMutation.mutate(latestDoc);
  };

Backend code

export const devCompanyRouter = router({
  create: publicProcedure
    .input(z.object({
      name: z.string().nullish()
    }).nullish())
    .mutation(({ input }) => {
      console.log({input})
      return input;
    })
})

export const devCompanyRouter = router({
  create: publicProcedure
    .input(z.object({
      name: z.string().nullish()
    }).nullish())
    .mutation(({ input }) => {
      console.log({input})
      return input;
    })
})

Nnlucas

11/8/2023

Is your express actually set up properly? People sometimes get middlewares in the wrong order and it causes problems

KKrishna

11/24/2023

Hi... sorry for late update... but I was able to debug this... In the frontend request I was resetting the content/type in headers.... which was confusing the backend... commenting the below code made it work

httpLink({ 
      url: `${be_url}/trpc`,
      // headers() {
      //   return {
      //     'Content-Type': 'application/json'
      //   };
      // },
    })

httpLink({ 
      url: `${be_url}/trpc`,
      // headers() {
      //   return {
      //     'Content-Type': 'application/json'
      //   };
      // },
    })

Thanks for the reply 🙂

Looking for more? Join the community!

tRPC

empty `input` object when using mutation

Join Server

tRPC

empty `input` object when using mutation

Join Server

Recommended Posts

Returning html with TRPCIs it possible to return content-types other than JSON, so HTML for example? I have a requirement th Specify invalid queries from the server?I have a TRPC app that I am writing and there are times I would like to invalidate queries on the cl Automatically notify about excess queried fields.Hello! Imagine very common situation: We picking "user" with 10 fields, but using only 3 of them in The inferred type of 'trpc' cannot be named without a reference ...Hey everyone, I just changed around the structure of my monorepo where I now have my nextjs applica trpc mutations for searching dataRecently was told that using mutations to fetch list data is bad. I can agree with this on a high le The inferred type of 'trpc' cannot be named without a reference. A type annotation is necessary.Hello everybody... I have a nodejs + reactjs + yarn monorepo using turbo. I am getting this error wh Is `inferSubscriptionOutput` missing in 10.x?I'm working on a vue 3 app with reactive state and need to infer the output of a subscription. It l is there a way to do client-side "middleware"?My app uses Firebase Auth for authentication. While the user is logged in, they get an ID token whic