FormItem errors aren't working for FieldArray's

Using this example from Formik https://jaredpalmer.com/formik/docs/api/fieldarray

If we pass errors with the same way back as they are structured inside values.

e.g.: values:

{
  filters: [
    { name: undefined }
  ]
}

errors:

{
  filters: [
    { name: "Required!" }
  ]
}

FormItem doesn’t catch the error. Mostly like because it’s expecting a flat level key name.

[jannikbuschke]

You can clone this repository https://github.com/jannikbuschke/formik-antd-playground with the --recursive flag and have a good local test experience. Pls follow the README to get started (it should be very simple)

[jwmann]

For some reason, using formik-antd-playground. name always appears as "" which is really strange. Do you know why that could be?

the name inside the field object is also "" however props.name is actually the right name

I made a component on the app side minus the Form.Item part and it seems to be a Formik problem? Or maybe some kind of typescript issue that I’m not aware of. Basically, I can pass name to Field and Field’s props name remains ""

Seems as though the problem was in the original name variable after all. name was being passed but not destructured from props. I was confused because I’m not used to typescript so I assumed props: { name: string; children: React.ReactNode } & FormItemProps was destructuring it, but it wasn’t. So name was just an undeclared variable. No idea why that didn’t error on compile.

---

Also sidenote, the default version of formik-antd that formik-antd-playground installs is 0.8.2. I had to manually pull in the latest version.