Multiselect.Filterable not showing initiallySelectedItems

[brittanykvanvig]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you're having.

We are passing in initialSelectedItems to the component, and it doesn't always select the items correctly. The first time passing values works. The second time nothing is preselected (screenshots below). The third time, occasionally will show the 2nd option preselected, other times nothing is preselected like the second time.

Is this issue related to a specific component?

Yes - MultiSelect.Filterable

What did you expect to happen? What happened instead? What would you like to
see changed?

Expected when passing initialSelectedItems, those items are selected in the component.

What browser are you working in?

Chrome

What version of the Carbon Design System are you using?

7.16.0

What offering/product do you work on? Any pressing ship or release dates we
should be aware of?

IAM UI - no pressing dates.

Steps to reproduce the issue

1. Step one
2. Step two
3. Step three
4. etc.

Please create a reduced test case in CodeSandbox

• Style and vanilla JS:
  https://codesandbox.io/s/github/carbon-design-system/carbon/tree/master/packages/components/examples/codesandbox
• React:
  https://codesandbox.io/s/github/carbon-design-system/carbon/tree/master/packages/react/examples/codesandbox

Additional information

• Screenshots or code

• Notes

[brittanykvanvig]

please let me know if you need any more details or the codebox case and I can try to provide those.

[TannerS]

I am having same issue

[emyarod]

can you create a reduced test case in Code Sandbox for easier testing and debugging?

[emyarod]

in the meantime I believe rendering the component with a key each time should resolve this issue