fix: added clear-timeout

Eyevinn · Apr 10, 2024 · bce4ffa · bce4ffa
1 parent 67b23e1
commit bce4ffa
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/components/landing-page/productions-list.tsx b/src/components/landing-page/productions-list.tsx
@@ -40,12 +40,18 @@ export const ProductionsList = () => {
   // TODO extract to separate hook file
   useEffect(() => {
     let aborted = false;
+    let timeout: number | null = null;
 
     if (reloadProductionList) {
       setLoading(true);
       API.listProductions()
         .then((result) => {
-          if (aborted) return;
+          if (aborted) {
+            if (timeout !== null) {
+              window.clearTimeout(timeout);
+            }
+            return;
+          }
 
           setProductions(
             result
@@ -71,13 +77,13 @@ export const ProductionsList = () => {
           dispatch({
             type: "PRODUCTION_LIST_FETCHED",
           });
-          window.setTimeout(() => {
+          timeout = window.setTimeout(() => {
             setLoading(false);
           }, 2500);
         })
         .catch(() => {
           // TODO handle error/retry
-          window.setTimeout(() => {
+          timeout = window.setTimeout(() => {
             setLoading(false);
           }, 2500);
         });