reset transcript

src/components/speech-prompt/speech-prompt.tsx

@@ -10,21 +10,28 @@ function SpeechPrompt({
 }: {
   setPrompt: React.Dispatch<React.SetStateAction<string>>;
 }) {
-  const { transcript, listening, browserSupportsSpeechRecognition } =
-    useSpeechRecognition();
+  const {
+    transcript,
+    listening,
+    browserSupportsSpeechRecognition,
+    resetTranscript,
+  } = useSpeechRecognition();
 
   const startListening = () =>
     SpeechRecognition.startListening({ continuous: true });
 
-  if (!browserSupportsSpeechRecognition) {
-    return null;
-  }
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
   useUpdateEffect(() => {
     if (transcript) setPrompt(transcript);
   }, [transcript]);
 
+  useUpdateEffect(() => {
+    if (!listening) resetTranscript();
+  }, [listening]);
+
+  if (!browserSupportsSpeechRecognition) {
+    return null;
+  }
+
   return (
     <button
       className={classNames(