feat(react): implement retries for token fetching from address in use…

… watch kpi token (#274) * feat(react): implement retries for token fetching from address in use watch kpi token * fix(react): clear interval on unmount --------- Co-authored-by: Federico Luzzi <[email protected]>
carrot-kpi · May 31, 2023 · e1ec7d3 · e1ec7d3 · vercel · Jun 1, 2023
1 parent bfd298a
commit e1ec7d3
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/packages/react/src/hooks/useWatchKPIToken.ts b/packages/react/src/hooks/useWatchKPIToken.ts
@@ -24,12 +24,12 @@ export function useWatchKPIToken(
     const [kpiTokenWithData, setKPITokenWithData] =
         useState<ResolvedKPITokenWithData | null>(null);
 
-    // in case an address was passed, fetch the kpi token
+    // in case an address was passed, fetch the kpi token (with retries)
     useEffect(() => {
         if (kpiToken) return;
         if (typeof kpiTokenOrAddress !== "string") return;
         let cancelled = false;
-        const fetchData = async () => {
+        const interval = setInterval(async () => {
             try {
                 const kpiToken = (
                     await Fetcher.fetchKPITokens({
@@ -38,27 +38,27 @@ export function useWatchKPIToken(
                         addresses: [kpiTokenOrAddress],
                     })
                 )[kpiTokenOrAddress];
-                if (!kpiToken)
-                    console.warn(
-                        `no kpi token with address ${kpiTokenOrAddress} found`
-                    );
+                if (!kpiToken) return;
                 const resolvedKPIToken = (
                     await Fetcher.resolveKPITokens({
                         ipfsGatewayURL,
                         kpiTokens: [kpiToken],
                     })
                 )[kpiTokenOrAddress];
-                if (!cancelled) setKPIToken(resolvedKPIToken);
+                if (!cancelled) {
+                    setKPIToken(resolvedKPIToken);
+                    clearInterval(interval);
+                }
             } catch (error) {
                 console.error(
                     `could not fetch kpi token with address ${kpiTokenOrAddress}`,
                     error
                 );
             }
-        };
-        void fetchData();
+        }, 1_000);
         return () => {
             cancelled = true;
+            clearInterval(interval);
         };
     }, [
         ipfsGatewayURL,