Accessibility Issue - NVDA does not announce selected option in mobile or tablet view.

[anoopmundathan]

react-select - Version 5.7.7 Browser - Microsoft Edge for business 118.0.2088.69 Screen reader - NVDA - Version 2023 (2023.1.0.27913)

I have a simple select component as below

import Select from 'react-select'

const options = [
  { value: '', label: 'blank' },
  { value: 'spanish', label: 'Spanish' },
  { value: 'french', label: 'French' },
  { value: 'italian', label: 'Italian' },
  { value: 'german', label: 'German' }
];

export const App = () => { 
  return (
    <div className="App">
      <Select options={options} />
    </div>
  );

When I tested this component against NVDA screen reader, for desktop view NVDA correctly announces the selection but not for iPad or mobile view it does not, it announces title of the page (here React App document). Please see screenshot

Desktop

iPad view