zValidator c.req.valid("form") type error

const signUpSchema = z.object({
  email: z.string().email("Invalid email address"),
  password: z
    .string()
    .regex(
      passwordRegex,
      "Password must be at least 8 characters long and include at least one uppercase letter, one lowercase letter, and one number"
    ),
  firstName: z.string().min(1, "First name is required"),
  lastName: z.string().min(1, "Last name is required"),
  // TODO: Add more specific validation for dob (date format) and gender (enum) if needed
  dob: z
    .string()
    .regex(
      dateRegex,
      "Date must be in YYYY-MM-DD format with valid month and day"
    ),
  gender: z.enum(["male", "female", "other"]),
});

// zValidator middleware instance for the sign-up form
const signUpValidator = zValidator("form", signUpSchema);

app.post(
  "/signup",
  authValidator.signUpValidator,
  signUpController.signUpWithEmail
);

async function signUpWithEmail(c: Context) {
  // const { email, password, firstName, lastName, dob, gender } =
  //   await c.req.parseBody();

  // const userMetadata = {
  //   first_name: firstName,
  //   last_name: lastName,
  //   dob,
  //   gender,
  // };

  const body = c.req.valid('form');
  console.log(body);

  // const { error } = await authService.signUpWithEmail(
  //   c,
  //   email as string,
  //   password as string,
  //   userMetadata as UserMetadata
  // );

  // if (error == null) {
  //   return c.render(<EmailVerificationCTA email={email as string} />);
  // }

  c.status(400);
  return c.redirect("/auth/error");
}

export default { signUpWithEmail };