Clear timeout in useEffect (#174)

Fixes #173
CS3219-AY2324S1 · Oct 26, 2023 · ae0c485 · ae0c485
1 parent c1ff1fa
commit ae0c485
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/frontend/src/pages/interviews/find-match.tsx b/frontend/src/pages/interviews/find-match.tsx
@@ -15,14 +15,19 @@ export default function FindMatch() {
   };
 
   useEffect(() => {
+    let timeout: ReturnType<typeof setTimeout> | null = null;
     if (match) {
       router.push("/interviews/match-found");
     } else {
-      setTimeout(() => {
+      timeout = setTimeout(() => {
         cancelLooking();
         router.push("/interviews/match-not-found");
       }, 30000);
     }
+    return () => {
+      if (timeout)
+      clearTimeout(timeout);
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [match, router]);