The speechrecogination dosen't work

[Youssefmb]

`const {
transcript,
listening,
browserSupportsSpeechRecognition
} = useSpeechRecognition();

if (!browserSupportsSpeechRecognition) {
    return <span>Browser doesn't support speech recognition.</span>;
}

`

`
<>

<TextArea
disabled
value={transcript}
className='bg-white position-absolute ml-4'
style={{ 'width': '15rem', 'top': '15rem', 'height': '50%' }}
>
</TextArea>

<div className='position-absolute ml-4' style={{ 'top': '40rem' }}>

                    <p className='text-white'>AI detector : {listening ? 'on' : 'off'}</p>
                    <Button className='mr-1' onClick={SpeechRecognition.startListening({ continuous: true })}>Start</Button>
                    <Button className='mr-1' onClick={SpeechRecognition.stopListening}>Stop</Button>
                </div>
            </>

`

here the transcript is not appair in the textArea or any other balise , i think it dosen't work , why?

[Youssefmb]

i solve it , i just change the default microphone of the device.

[ashw1nshenoy]

Facing the same issue can you help me out