Necesito saber cuándo hago clic en un componente react-select . Así que pensé en darle una identificación y luego manejarlo con window.addEventListener . Según su guía oficial , parece que simplemente tengo que pasar id como su accesorio, pero no funciona.

tengo este codigo:

 <Select defaultValue={defaultValue} options={options} styles={selectStyle()} onFocus={onFocus} onChange={onChange} placeholder={placeholder} value={value} inputProps={{ id: labelId }} id="123" />

Luego encontré esta respuesta aquí, pero la identificación no funciona.

Así que intenté pasar idName e inputProps={{ id: 'fieldId' }} pero no pasa nada. Verifico la identificación seleccionada al inspeccionar con herramientas de Chrome y al iniciar sesión. Simplemente no tiene uno. ¿Hay alguna forma de pasar una identificación al componente u otra forma de verificar si hago clic en la selección o fuera?