input needs to be an object when doing a batch call?

// Router
export default router({
  submit: procedure
    .input(
      z.object({
        foo: z.string(),
      })
    )
    .mutation(({ input }) => {
      console.log(input)
      return "helloooo"
    }),
})

// Component
const submit = trpc.submit.useMutation()

submit
  .mutateAsync({ foo: "bar" })
  .then((data) => console.log(data))