set interval to avoid block

iFwu · Oct 7, 2024 · 43ecc70 · 43ecc70
1 parent c817ce6
commit 43ecc70
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/hooks/useOpenCV.ts b/src/hooks/useOpenCV.ts
@@ -23,6 +23,7 @@ export function useOpenCV() {
     }
   };
   useEffect(() => {
+    let intervalId: number;
     const initialize = async () => {
       if (typeof cv !== 'undefined') {
         await new Promise<void>((resolve) => {
@@ -31,13 +32,20 @@ export function useOpenCV() {
         await onOpenCVReady();
       } else {
         document.addEventListener('opencv-loaded', onOpenCVReady);
+        intervalId = setInterval(() => {
+          if (!isLoading && typeof cv !== 'undefined') {
+            clearInterval(intervalId);
+            onOpenCVReady();
+          }
+        }, 500);
       }
     }
 
     initialize();
 
     return () => {
       document.removeEventListener('opencv-loaded', onOpenCVReady);
+      clearInterval(intervalId);
     };
   }, []);