wanwu/deer-flow
1
0
Fork 0
mirror of https://gitee.com/wanwujie/deer-flow synced 2026-04-02 22:02:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: prevent SpeechRecognition instance leaks on render (#1369)

Browse Source 
* fix: remove unstable dependencies from speech recognition effect

* fix: use refs to prevent stale closures in speech recognition

* Apply suggestions from code review

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

---------

Co-authored-by: Willem Jiang <willem.jiang@gmail.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
This commit is contained in:
7. Sun
2026-03-28 08:20:38 +00:00
committed by GitHub
parent d22cab8614
commit 49f2e38fbf
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/ai-elements/prompt-input.tsx
View File

@@ -1128,6 +1128,8 @@ export const PromptInputSpeechButton = ({
null,
);
const recognitionRef = useRef<SpeechRecognition | null>(null);
const callbacksRef = useRef({ textareaRef, onTranscriptionChange });
callbacksRef.current = { textareaRef, onTranscriptionChange };
useEffect(() => {
if (
@@ -1160,15 +1162,18 @@ export const PromptInputSpeechButton = ({
}
}
if (finalTranscript && textareaRef?.current) {
const textarea = textareaRef.current;
const currentTextareaRef = callbacksRef.current.textareaRef;
const currentOnTranscriptionChange = callbacksRef.current.onTranscriptionChange;
if (finalTranscript && currentTextareaRef?.current) {
const textarea = currentTextareaRef.current;
const currentValue = textarea.value;
const newValue =
currentValue + (currentValue ? " " : "") + finalTranscript;
textarea.value = newValue;
textarea.dispatchEvent(new Event("input", { bubbles: true }));
onTranscriptionChange?.(newValue);
currentOnTranscriptionChange?.(newValue);
}
};
@@ -1186,7 +1191,7 @@ export const PromptInputSpeechButton = ({
recognitionRef.current.stop();
}
};
}, [textareaRef, onTranscriptionChange]);
}, []);
const toggleListening = useCallback(() => {
if (!recognition) {