[a11y]: The 'id' "downshift-:r2:-label" specified for the ARIA property 'aria-labelledby' value is not valid

[Chinmaya-812]

Package

@carbon/react

Browser

Chrome

Operating System

MacOS

Package version

^1.40.0

React version

^18.2.0

Automated testing tool and ruleset

IBM Equal Access Accessibility Checker - Latest Deployment

Assistive technology

No response

Description

The 'id' "downshift-:r2:-label" specified for the ARIA property 'aria-labelledby' value is not valid

WCAG 2.1 Violation

No response

Reproduction/example

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

Steps to reproduce

For the Dropdown of the file i got this Violation
The 'id' "downshift-:r2:-label" specified for the ARIA property 'aria-labelledby' value is not valid.

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Code of Conduct

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