fix(flat-components): test audio memory leak (#1773)

netless-io · Nov 15, 2022 · 5946ea8 · 5946ea8
1 parent 7122c90
commit 5946ea8
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/flat-components/src/components/DeviceTestPage/SpeakerTest/index.tsx b/packages/flat-components/src/components/DeviceTestPage/SpeakerTest/index.tsx
@@ -3,7 +3,7 @@ import stopSVG from "../icons/stop.svg";
 import "./style.less";
 
 import { Button } from "antd";
-import React, { useRef, useState } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { Device } from "../constants";
 import { DeviceTestSelect } from "../DeviceTestSelect";
 import { useTranslate } from "@netless/flat-i18n";
@@ -30,6 +30,8 @@ export const SpeakerTest: React.FC<SpeakerTestProps> = ({
     const [isPlaying, setIsPlaying] = useState(false);
     const audioRef = useRef<HTMLAudioElement>(null);
 
+    useEffect(() => () => audioRef.current?.pause(), []);
+
     const togglePlay = (): void => {
         isPlaying ? audioRef.current?.pause() : audioRef.current?.play();
         setIsPlaying(!isPlaying);