array field infers strange errors object

Hi =)

this kind of zod schema dont work as expected

const schema = z.object({
  title: z
    .string()
    .regex(/^[A-Za-z0-9_]+$/, "wrong pattern")
    .nonempty("Required"),

  someArray: z.array(z.string().nonempty()).min(1)
});

Steps to reproduce the behavior:

• 1. fill title input
• 1. press submit
• 1. fill array input
• 1. press submit
• 1. clear array input
• in console errors changes shape of field someArray from Object to Array

https://codesandbox.io/s/gifted-hopper-k4ndp?file=/src/App.tsx

[jorisre]

@kerosan sorry for the late reply, I found the problem.

You’ve to update the onChange:

onChange={(e) => {
  onChange(e.target.value ? [e.target.value] : []);
}}

Because e.target.value is "" when you clear the input and zod validate the following value: [""].

@bluebill1049 Is that normal we can’t do the following: onChange(undefined), seems not working with undefined 🤔

Hope it solves your issue 😃

[jorisre]

Hi @kerosan I’ll have a look tonight 😃