Creating an update mutation with tRPC

export const beerRouter = createTRPCRouter({
  # other operations...
  updateQuantityById: publicProcedure
    .input(z.object({ id: z.number(), quantity: z.number() }))
    .mutation(({ ctx, input }) => {
      return ctx.prisma.beer.update({
        where: {
          id: input.id
        },
        data: {
          quantity: input.quantity
        },
      })
    }),
});

const submitQuantity = (event: React.FormEvent<HTMLInputElement>) => {
    event.preventDefault();
    api.beer.updateQuantityById.useMutation({
      id: myId,
      quantity: +event.currentTarget.value,
    });
  };

Argument of type '{ id: number; quantity: number; }' is not assignable to parameter of type 'UseTRPCMutationOptions<{ id: number; quantity: number; }, TRPCClientErrorLike<BuildProcedure<"mutation", { _config: RootConfig<{ ctx: { prisma: PrismaClient<PrismaClientOptions, never, RejectOnNotFound | RejectPerOperation | undefined>; }; meta: object; errorShape: { ...; }; transformer: typeof SuperJSON; }>; ... 5 ...'.
  Object literal may only specify known properties, and 'id' does not exist in type 'UseTRPCMutationOptions<{ id: number; quantity: number; }, TRPCClientErrorLike<BuildProcedure<"mutation", { _config: RootConfig<{ ctx: { prisma: PrismaClient<PrismaClientOptions, never, RejectOnNotFound | RejectPerOperation | undefined>; }; meta: object; errorShape: { ...; }; transformer: typeof SuperJSON; }>; ... 5 ...'.