Option undefined focused with Screen Reader

[SippingCode]

I'm using react-select in a project. The options appear but when focusing in a with tab or mouse, Screen reader says "option undefined focused.

When checking the DOM I see that react-select generate this span :

<span id="aria-context">&nbsp; option undefined focused, 2 of 2. 1 result available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.</span>

I'm using v4.3.1

[MuriloBarranco]

The issue you're encountering with the screen reader saying "undefined option focused" might be related to how react-select is handling accessibility (aria) attributes for the options. Here are some suggestions to investigate and resolve the issue:

Check the options structure: Ensure that the options provided to react-select are in the expected format:

javascript
Copiar código
const options = [
{ value: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
];
If any of the option objects are incomplete or incorrectly formatted, it can cause this error.

Use getOptionLabel if customizing options: If you're using a custom structure for your options, make sure to define the getOptionLabel prop to help the component generate the correct text for the options:

javascript
Copiar código
<Select
options={options}
getOptionLabel={(option) => option.label || ''}
/>