How to accept empty array on form validation?

[mattp0123]

I have a form like this:

const MyForm = v.object({
  items: v.array(
    v.object({ foo: v.string() })
  ),
})

type MyForm = v.InferInput<typeof MyForm>

const formStore = useFormStore<MyForm>({
  fieldArray: ['items'],
  loader: { value: { items: [] } },
  validate: valiForm$(MyForm),
})

When I submit the form with the empty items field, the validation won't pass.

[fabian-hiller]

Can you provide a minimal reproduction via StackBlitz? Here is a template: https://stackblitz.com/edit/modular-forms-qwik?file=src/routes/todos/index.tsx

[mattp0123]

@fabian-hiller here's the reproduction. by clicking the submit button, this error shows up:

[fabian-hiller]

Thank you! Does this workaround work for you?

const FormSchema = v.object({
  heading: v.string(),
  todos: v.optional(
    v.array(
      v.object({
        label: v.string(),
        deadline: v.string(),
      })
    )
  ),
});