issue: setValue with object array makes lost of reference

[donrsh]

Version Number

7.52.0

Codesandbox/Expo snack

https://codesandbox.io/p/sandbox/react-hook-form-setvalue-with-object-array-lost-reference-vy45yy?file=%2Fpackage.json

Steps to reproduce

Toggle an item in MUI Select with RHF. Observer that the item is pushed to field value every time selected.

I guess it's because when the internal setValue is called with array of object, something additional like cloning happened as well. Thus, the value reference is lost, which makes the MUI Select cannot decide what options are selected.

Expected behaviour

Toggle an item in MUI Select without RHF. That's the expected behavior.

issue.-.setValue.with.object.array.makes.lost.of.reference.mov

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

[tatsmaki]

You can do this

<MenuItem key={x.name} value={x.name}>

Or look for custom equality comparator in MUI Select component. I don't remember any, but here is the closed issue mui/material-ui#24201

[donrsh]

It seems MUI team doesn't really implement that prop on Select. They just left it to be upvoted to decide whether to implement it (whereas closed it, that's weird ...).

Anyway, the equlity comparator you mentioned is actually implemented in AutoComplete (isOptionEqualToValue). And sure, you can use it to mimic Select. I did implement one in the issue codesandbox

Still want to know though, is there any reason for some operations that make lost of the object reference?