refactor: moved the bell sound creation inside the callback hook

zidoro · Dec 20, 2022 · cc8ffec · cc8ffec
1 parent deb5d7d
commit cc8ffec
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/renderer/src/routes/Timer/Control/Control.tsx b/app/renderer/src/routes/Timer/Control/Control.tsx
@@ -35,8 +35,6 @@ type Props = {
 };
 
 const Control: React.FC<Props> = ({ resetTimerAction }) => {
-  const warnSound = new Audio(WarningBell);
-
   const { timer, config } = useSelector((state: AppStateTypes) => ({
     timer: state.timer,
     config: state.config,
@@ -51,9 +49,11 @@ const Control: React.FC<Props> = ({ resetTimerAction }) => {
   const [warn, setWarn] = useState(false);
 
   const activateWarning = useCallback(() => {
+    const warnSound = new Audio(WarningBell);
+
     setWarn(true);
     warnSound.play();
-  }, [warnSound]);
+  }, []);
 
   const onResetCallback = useCallback(() => {
     if (timer.playing && settings.enableStrictMode) {