[bug]: Multiselect does not handle controlled mode correctly when inside form

[max-refreshworks]

Describe the bug

When using the MultiSelect component in "controlled mode" (passing values and onValuesChange props), specifically within a ShadCN form component, selecting an item triggers an infinite render loop and crashes the application with Maximum update depth exceeded.

Affected component/components

MultiSelect

How to reproduce

1. Wrap MultiSelect in a Shadcn Form
   

2. Pass values and onValuesChange to the component
   

3. Click on any MultiSelectItem
   

4. The application crashes immediately
   

Codesandbox/StackBlitz link

No response

Logs

System Info

Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[WebDevSimplified]

Sorry for taking so long to get to this. Can you provide a Codesandbox or some other reproducible example of this issue. From what I understand the exact thing you are doing works perfectly fine with this component (and is actually the exact code used for the Form example at the bottom of the page).