Value gets unset for fields that replace others while having the same name

[logaretm]

Versions

• vee-validate: 4.1.17
• vue: 3.0.x

Describe the bug

If you have datatable-like components where you have rows of data that can be edited one at a time.

When I investigated it seems there is a race condition between unregisterField and registerField where the latter runs a little bit earlier causing the former to unset the field value.

To reproduce

Steps to reproduce the behavior:

1. Go to the demo link
2. Click on update button for a field late in the list
3. Click on update button for the field before it
4. Notice the field value is blank

Expected behavior

Fields should maintain their values,

Demo link

https://codesandbox.io/s/vee-validate-bug-reproduction-for-3166-hzcrg