[Bug]: Empty String value unable to select in multi select dropdown(FilterableMultiSelect) component

[durgamounikaJ]

Package

@carbon/react

Browser

Chrome, Firefox, Edge

Package version

v1.69.0

React version

v18.2.0

Description

When a list of item being pass to component FilterableMultiSelect as items props, unable to select empty string from list of item.
Example of items:
const options = ['Item 1', 'Item 2', 'Item 3', '']; unable to select last value(Empty string).

Reproduction/example

https://stackblitz.com/edit/github-izkntc-uub7q4c1

Steps to reproduce

Create a list of string including empty string ('') and use component FilterableMultiSelect to render and try to select empty value string.

Suggested Severity

Severity 2 = User cannot complete task, and/or no 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

[cknabe]

The empty item is not making it past here: https://github.com/carbon-design-system/carbon/blob/main/packages/react/src/components/MultiSelect/FilterableMultiSelect.tsx#L572

I would probably go with the idea that the consumer should be filtering out empty strings instead of relying on the library to do it. If anything, I think Carbon should drop falsey strings and not make any attempt to show them.