"Expected number, received string" How do I update the values before the parsing validation.

[jericopulvera]

I'm trying to implement zsa and before I have this code.

 const validatedCheckoutData = await checkoutFormSchema.safeParse({
    cartId: formData.get("cartId") as string,
    items: formData.getAll("items[]"),
    total: Number(formData.get("total")) || 0,
  });
  
  if (!validatedCheckoutData.success) {
    console.error(
      `Validation failed for checkout data: ${validatedCheckoutData.error.issues}`,
    );
    return {
      errors: validatedCheckoutData.error.issues as ZodIssue[],
    };
  }

export const checkoutFormSchema = z.object({
  cartId: z.string(),
  paymentMethod: paymentMethodSchema,
  items: z.array(z.string()),
  total: z.number().positive(),
});

<form
      className="flex w-full flex-col gap-6 sm:max-w-xl"
      onSubmit={async (event) => {
        event.preventDefault();
        const formData = new FormData(event.currentTarget);
        execute(formData);
      }}
      id="checkout-form"
    >
      <input
        type="number"
        name="total"
        value={discountedTotal.getAmount()}
        className="hidden"
      />
      </form>

[IdoPesok]

Hi, you can use coerce. It will convert the string to a number before parsing.

export const checkoutFormSchema = z.object({
  cartId: z.string(),
  paymentMethod: paymentMethodSchema,
  items: z.array(z.string()),
  total: z.coerce.number().positive(),
});

For reference, check out coerce in the Zod docs