[Bug]: Crash in MultiSelect with undefined selectedItems

[finken2]

Package

@carbon/react

Browser

Chrome

Package version

v1.53.0

React version

v18.2.0

Description

This is admittedly user error, but it seems like it would be a good idea to protect against it.
If selectedItems has an array with undefined in it, this PR will try to read text from undefined and crash with the stack below:

Uncaught TypeError: Cannot read properties of undefined (reading 'text')
    at @carbon_react.js?v=72b18db9:100065:90
    at Array.map (<anonymous>)
    at @carbon_react.js?v=72b18db9:100065:71

I hit it b/c we had some bad test code, but figured it would be a good idea to just add some optional chaining in that MultiSelect code so it doesn't crash.

Reproduction/example

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

Steps to reproduce

Create a multiselect
in selectedItems, have an item that is undefined or null.

Suggested Severity

Severity 4 = Unrelated to a user task, has a workaround or does not need a workaround.

Application/PAL

IBM Cloud Satellite

Code of Conduct

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

[jesnajoseijk]

@finken2 I think this would need an additional fix in sorting.js.We might need to add the optional chaining on calling the
localeCompare method.Have added that as well to the PR