Zod error about intermediate value when submitting form

zod.mjs:7 Uncaught (in promise) TypeError: o[(intermediate value)(intermediate value)(intermediate value)] is not a function

export const BankAccountFormSchema = z.object({
  name: z.string().min(1, "account name is required"),
  bankName: z.string().min(1, "bank name is required"),
  cardProvider: z.nativeEnum(CardProvider).nullable(),
  cardType: z.nativeEnum(CardType).nullable(),
  cardholderName: z.string().min(1, "cardholder name is required"),
  style: z.nativeEnum(BankAccountStyle).default(BankAccountStyle.DEFAULT),
  theme: z
    .string()
    .regex(/^#[0-9A-Fa-f]{6}$/, "must be a valid hex color")
    .default("#333333"),
  textColor: z
    .string()
    .regex(/^#[0-9A-Fa-f]{6}$/, "must be a valid hex color")
    .default("#FFFFFF"),
});

    const form = useForm({
        resolver: zodResolver(BankAccountFormSchema),
        defaultValues: {
            name: "",
            bankName: "",
            cardProvider: null,
            cardType: null,
            cardholderName: "",
            style: BankAccountStyle.DEFAULT,
            theme: "#333333",
            textColor: "#FFFFFF",
        },
    });