[Bug]: React: Controlled <FilterableMultiSelect> does not update when data is changed externally

[freder]

Package

@carbon/react

Browser

Chrome

Package version

1.3.0

React version

17, 18

Description

I'm using FilterableMultiSelect with the selectedItems items prop, which makes it a controlled component – at least that would be my expectation. however:

1. I still need initialSelectedItems to pre-select items (why?)
2. more importantly: changing the selected data externally (via useState hook) does not seem change the component state

Reproduction/example

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

Steps to reproduce

• add / remove items via FilterableMultiSelect component itself
• then remove items via buttons below
• observe how FilterableMultiSelect component does not update

Code of Conduct

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

[tay1orjones]

@freder MultiSelect supports the selectedItems prop, FilterableMultiSelect does not yet have this prop available. #10340

[tay1orjones]

Duplicate of #10340