issue: The value from Controller's render is undefined when use multi-select in useFieldArray

[wyyufeng]

Version Number

7.47.0

Codesandbox/Expo snack

https://codesandbox.io/s/react-hook-form-usefieldarray-forked-532st9?file=/src/index.js

Steps to reproduce

1. Click "append" to append a form item
2. Click 'setValue' to set the value
3. the value form the Controller's render is undefined

Expected behaviour

the value is an array

What browsers are you seeing the problem on?

Chrome

Relevant log output

No response

Code of Conduct

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

[Moshyfawn]

What's your use-case for overriding the appended data with a manual setValue? The appended data should not be partial

- append({ selection: [] })
+ append({ businessTypes: ["IMP", "SAL"], name: "Jack", age: 123, selection: [] })

[wyyufeng]

Thank you for your reply！Let me explain my use case:
I try to implement an editable table with useFieldArray. and the steps is:

1. click the 'append' button to add a blank row to the table,(call append)
2. then use the firset cell with a Select to search some id
3. then get the rest data by id from server ,and call setValue(data.0,data) to fill the rest cell