[6.14.2] useWatch on a field value always gets its defaultValue after removing other field

[github0013]

https://codesandbox.io/s/festive-pike-j1eg5?file=/src/App.tsx

This form has a regular form value (form name) + field array.

1. append more than 2 fields
2. fill in the field names
3. delete one of the field
4. check the console
5. you will see something like name: name default (index: 1) which is coming from useWatch's defaultValue

I am not sure if this is a bug, or I am mis-using these methods.
(handleSubmit's data value gets what I see in the form though...)

• ✅ ref={register()} on fields
• ✅ setting defaultValue on fields

Did anyone have the same issue?

[bluebill1049]

This is a bug, which has been patch. i will release it today.

[bluebill1049]

have a test this one plz: https://codesandbox.io/s/objective-hypatia-kvz2o

[github0013]

It's still the same result on my side. Only the last one properly reacts if you add multiple fields first, then start typing.

If you add a field, type in, then add another ... then it seems to work as expected.

[bluebill1049]

looks like doing a merge with current fields value with field array value solves this problem.

https://codesandbox.io/s/objective-hypatia-kvz2o

honestly, can't wait for 7 to solve those problems in a much easier and elegant way.

[github0013]

This fix is going great. Thanks a bunch!
I can't wait for V7 here too.

[bluebill1049]

v7: https://codesandbox.io/s/objective-hypatia-kvz2o

[bluebill1049]

also, FYI useFieldArray is getting a lot of improvement in v7: #3714

[github0013]

Good to know! I didn't know you were already working on V7.

So if this is a known issue on V6, the workaround I can think of is to use React.useState to memo the last watched value and use it as the defaultValue?

https://codesandbox.io/s/admiring-surf-5wigh?file=/src/App.tsx

[bluebill1049]

can you try with the latest version? 6.15.0