array field infers strange errors object

[kerosan]

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
• 2. press submit
• 3. fill array input
• 4. press submit
• 5. 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

[bluebill1049]

hmmm, I don't think we are supporting Zod 3 just yet.

[kerosan]

hmmm, I don't think we are supporting Zod 3 just yet.

same result with version 1.11.11 as on my current project

[kerosan]

if replace zod with yup then sameArray error works as expected
https://codesandbox.io/s/eloquent-hellman-qi2iw?file=/src/App.tsx

pls help 🥲

[jorisre]

Hi @kerosan I'll have a look tonight :)

[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 :)

[bluebill1049]

we don't support undefined for the input value.

[kerosan]

Thank you very much ✨✨✨