Add fetching check to timer hook

CS3219-AY2324S1 · Nov 13, 2023 · 609a16d · 609a16d
1 parent a5fa65f
commit 609a16d
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/pages/collab/index.tsx b/src/pages/collab/index.tsx
@@ -180,6 +180,7 @@ const MatchRequestPage = () => {
   }, [time, isCurUserMatchFetching]);
 
   useEffect(() => {
+    if (isCurUserMatchFetching) return;
     if (!curUserMatchRequest) {
       if (intervalRef.current) {
         clearInterval(intervalRef.current);
@@ -201,7 +202,7 @@ const MatchRequestPage = () => {
     intervalRef.current = setInterval(() => {
       setTime((prev) => prev + 1);
     }, 1000);
-  }, [curUserMatchRequest]);
+  }, [curUserMatchRequest, isCurUserMatchFetching]);
 
   const {
     data: manualRequests = [],