setValue not working for arrays with controller

Describe the bug I wonder if this bug is related to https://github.com/react-hook-form/react-hook-form/issues/5232 as the issues I usually see are related to non-primitive values, namely arrays.

To Reproduce

1. Use controller interface instead of register to track fields in your form
2. Add a manually tracked field via defaultValues
3. Add a callback modifying the manual field and call it (in my example by pressing the “Remove” button)
4. Press the “submit” button

Codesandbox link (Required) https://codesandbox.io/s/dark-voice-glnie?file=/src/App.tsx

Expected behavior The submitted values are

{
  "array": ["a"],
  "firstName": "alll"
}

Actual behavior The submitted values are

{
  "array": ["a", "b"],
  "firstName": "alll"
}

[mrlubos]

@mrlubos I trimmed it down to this repro here: https://codesandbox.io/s/react-hook-form-react-select-u36uv

It’s actually not behaving like the real app where I see always an empty array but I see another weird behaviour. Removing all items from the select… 🤔

• leaves 1 item in the watched values
• is undefined in submit values

@damianobarbati Are you able to upgrade react-select to version 4.0.0 or newer? Doing so fixes the issues you mention above. Can you verify if that would also resolve the other issues you’re seeing?

[damianobarbati]

@mrlubos I see it working properly with the latest react-select. I’ll ping if I manage to reproduce the real app behaviour, thank you!