[Bug]: Multiselect drop down throwing browser console error while selecting the value first time

[ambrishsinghibm]

Package

@carbon/react

Browser

Chrome, Firefox

Package version

v1.49.0

React version

v18.2.0

Description

Multiselect dropdown throwing browser console error while selecting the value the first time
Error Details:
App.jsx:13 Warning: Cannot update a component (App) while rendering a different component (MultiSelect). To locate the bad setState() call inside MultiSelect, follow the stack trace as described in https://reactjs.org/link/setstate-in-render at https://githubbs1zsv-faiz--5173--a9c8a5a3.local-credentialless.webcontainer.io/node_modules/.vite/deps/@carbon_react.js?v=703ae265:97328:16 at div at App (https://githubbs1zsv-faiz--5173--a9c8a5a3.local-credentialless.webcontainer.io/src/App.jsx:22:49)

Screenshot:

I have reproduced this issue here
https://stackblitz.com/edit/github-bs1zsv?file=src%2Findex.scss,src%2FApp.jsx&preset=node=

Reproduction/example

https://stackblitz.com/edit/github-bs1zsv?file=src%2Findex.scss,src%2FApp.jsx&preset=node=

Steps to reproduce

1. Open URL:https://stackblitz.com/edit/github-bs1zsv?file=src%2Findex.scss,src%2FApp.jsx&preset=node=
2. Open the console tab in the developer tool
3. Select the value from the multi-select dropdown
4. When we select the 1st value, throw console error "Bad setState inside the Multiselect"

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Application/PAL

I am using React carbon component

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[mHuzefa]

Hey @alisonjoseph, I have attached the PR for fix. Please assign this issue to me 😃

[ambrishsinghibm]

@tw15egan I have updated the library in my app and on selection consol issue is fixed but now seeing issue related to defaulted selected items. it's not updating the selected count and default value is not selected. its showing unchecked into the multiselect drop-down. Kindly look into the issue

CC: @alisonjoseph @mHuzefa

[tw15egan]

@ambrishsinghibm can you please create a new issue with a link to a reproduction of the error? Thanks!

[ychavoya]

Hi @tw15egan, I think I found the same issue as @ambrishsinghibm, I created #16124