npm install --save react-speech-recognition
const Dictaphone = () => {
const { transcript, resetTranscript } = useSpeechRecognition()

if (!SpeechRecognition.browserSupportsSpeechRecognition()) {
return null

return (
<button onClick={SpeechRecognition.startListening}>Start</button>
<button onClick={SpeechRecognition.stopListening}>Stop</button>
<button onClick={resetTranscript}>Reset</button>
export default Dictaphone
import SpeechRecognition, { useSpeechRecognition }…


Be Gender Inclusive

a graphic depicting a hand, eye, ear, and brain indicating various types of disabilities

an ice climber standing in front of a frozen water fall holding their ice tools

Kat Leight

Full Stack Developer. Prior Project Manager. Lover of cinnamon rolls and the great outdoors.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store