Проверка формы React-hook - поддержка IsValid продолжает возвращать false

Question

У меня довольно сложная форма с использованием React-Hook-Form. Я не могу заставить проверку работать правильно.

В zodсхема проверки библиотеки такова:

      // For the form to be valid, 
// Atleast 2 goal forms, with min. 1 task
export const schemaZod = z.object({
  goals: z
    .object({
      title: z.string().min(3, { message: "required" }).max(40),
      intro: z.string().max(250).optional(),
      deadline: (z.string() || z.date()).optional(),
      task: z
        .object({
          content: z.string().min(3, { message: "required" }).max(50),
          dayFrequency: z.number().min(0).max(5).optional(),
          weekFrequency: z.number().min(0).max(7).optional(),
        })
        .array()
        .min(1),
    })
    .array()
    .min(2),
});

  const ctx = useForm({
    mode: "onChange",
    resolver: zodResolver(schemaZod),
  });

Вот рабочий пример CodeSandBox , искренние извинения за такой объем кода. Это сложная форма, и я не могу получить подтверждение formState.isValidбыть правдой, даже если условия соблюдены.