Manage nested field array from parent component.

[cklaymen]

Hi,

Lets imagine having form structure similar to this:

{
   "items": [
      { 
         "id": 1,
         "nestedItems": [
            { "id": 1, ... },
            { "id": 2, ... }
          ]
       },
       { 
         "id": 2,
         "nestedItems": [
            { "id": 1, ... },
            { "id": 2, ... }
          ]
       }
    ]
}

And now I would like to move element from items.0.nestedItems.0 to items.1.nestedItems.2. Keep in mind that the list of items are rendered using useFieldArray. How should I do this? When I try to use getValues() and setValue() from form context it does the thing however the fields in useFieldArray() does not update and the view does not rerender. I am using rhf v6.