FieldArray does not respond to the new array by using setFieldValue()

[rmrf1039]

What happened?

Hi,

I was worked around with an autocomplete function. When I use setFieldValue() to set an array of data into values, FieldArray does not respond to the new value. However, I do find a temporary solution which is using setValues(JSON.parse(JSON.stringify(values))); after all of the data replacement. The FieldArray will respond.

Object.entries(donator).forEach(([k, v]) => {
    setFieldValue(k, v instanceof Array ? Object.values(v) : v);
});

// Trigger FieldArray to responde to the new values
setValues(JSON.parse(JSON.stringify(values)));

Reproduction steps

No response

Version

Vue.js 3.x and vee-validate 4.x

What browsers are you seeing the problem on?

• Firefox
• Chrome
• Safari
• Microsoft Edge

Relevant log output

No response

Demo link

None

Code of Conduct

• I agree to follow this project's Code of Conduct

[logaretm]

Can you create a quick demo for this?

[logaretm]

Somone posted an example in a discuss that is relevant here, they are updating the iteration value with setFieldValue.

https://stackblitz.com/edit/vue3-vite-starter-bpdpwc?file=src%2FApp.vue

Happy to take another look at this if you can provide a simple demo. Are you updating the entire array with setFieldValue or updating an item of it?

[logaretm]

Reproduced in this discussion. I'm assuming it is the same issue.