If I remove all the items of a list using useFieldArray, I don't get an empty array, I get an array with null items.

[giomv]

Describe the bug
I have a nested array with 3 parent elements and I child element, using useFieldArray. If I remove all the default items I get an array with 3 null elements instead of an empty array, using watch. When I try to add a new element, I get 4 parent elements, 3 of them are the elements previously deleted.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://codesandbox.io/s/react-hook-form-usefieldarray-forked-iw71g?file=/src/index.js
2. Click on Remove on each of the 3 items.
3. See the watch elements and instead of an empty array you see null elements inside the array.
4. Click on Add
5. You see 4 elements instead of one.

Codesandbox link (Required)
https://codesandbox.io/s/react-hook-form-usefieldarray-forked-iw71g?file=/src/index.js

Expected behavior
I expect first to have an empty array in the watch when I remove all the elements. And after adding one element on that empty array, I should have only one element in the form and the watch.

Screenshots

Desktop (please complete the following information):

• OS: MacOS
• Browser: Chrome
• Version: latest

Additional context
React Hook Form version: 6.15.7

[giomv]

It's working great in the new version. Thank you very much!

[bluebill1049]

It's working great in the new version. Thank you very much!

Welcome. thanks for the detailed issue report too.