[Feature Request]: Nested Field Arrays within a Field Array

[shivan-s]

Description

I am wondering if there is an implementation of nested field arrays within a nested field array.

Take this pseudo code for instance:

<FieldArray>
  {({value, add, remove}) => {
    <FieldArrayItem>
    {/* some field */}
    </FieldArrayItem>
    <FieldArrayItem>
      {({value, setValue}) => {
        <FieldArray>
          {/* another field array */}
        </FieldArray>
    }
    </FieldArrayItem>
   }
</FieldArray>

Hope this makes sense. What makes it tricky is linking the setValue to the outer nest. I'm wondering if there is an implementation already.

Let me know if the example needs to be fleshed out more.

Thanks in advance.

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

[shivan-s]

A simple workaround for this is within the name prop of the <FieldArrayItem>, simply add parent[${i}].child[${j}].subchild.

[crutchcorn]

Hmm yeah, this makes sense. How would you go about solving this? Like, what would you want the API to look like?

[shivan-s]

Hey @crutchcorn, I think the current implementation is fine. Would you think this would be useful to add to the docs? I can help if you would like.

Nested arrays within arrays would be common I would think.

Let me know what you think :)