How can I use "useArrayField" if I have several arrays in one form?

[REDLIGHTFILMS]

My problem is I want to have multiple array fields in my form and solve this with "useArrayField" how can I do that, because I can't give multiple names.

Here is my data structure:

personalData:{
  numberOfEmployees: [
    {year: 2012, quantity: 2000}
  ],
  bosses: [
    {name: "Oliver", taskArea: "CEO", active: true}
  ],
  singleContacts: [
    {name: "James", taskArea: "CTO"}
  ]
}

I have something like that right there:

const { fields, append, remove } = useFieldArray({
      control,
      name: "contactData.numberOfEmployees"
});

But how can I represent the other arrays So then you have to duplicate useArrayField or how do you do that?Because just typing in contactdata does not work.

How can I solve this?

[bluebill1049]

multiple useFieldArray instance

[REDLIGHTFILMS]

How do I do that?

[bluebill1049]

https://codesandbox.io/s/react-hook-form-usefieldarray-nested-arrays-x7btr