[Bug]: FilterableMultiSelect throw console error when 1st time click and select/unselect the value

[ambrishsinghibm]

Package

@carbon/react

Browser

Chrome, Firefox

Package version

v1.60.2

React version

18.2.0

Description

Hi Team,
I have integrated the latest carbon/react library in my application and using the FilterableMultiSelect control. After page load, if select/un-select the value from the control, it's throwing the console error as below

Warning: Cannot update a component (ContextProvider) while rendering a different component (ForwardRef(FilterableMultiSelect)). To locate the bad setState() call inside ForwardRef(FilterableMultiSelect), follow the stack trace as described in https://reactjs.org/link/setstate-in-render

I observed the same issue in "MultiSelect" drop down as well. here are the defect details #15758
Please provide the solution for this. Let me know if you need any other details

Thanks

Reproduction/example

https://stackblitz.com/edit/github-1ljccm-n43dwk?file=src%2FApp.jsx

Steps to reproduce

1. Open the URL: https://stackblitz.com/edit/github-1ljccm-n43dwk?file=src%2FApp.jsx
2. Select/un-select the value
3. See the developer tool consol error

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

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

[Tomahaawk]

Same happening with in my application after upgrading carbon to @carbon/react 1.61

[JoseBiescas]

Seeing the same issue with MultiSelect component as well. The first click on an item, whether selecting or deselecting the warning pops up.