fix(web): attempt-to-fix-sdk-not-defined-in-deploy

kleros · Mar 4, 2024 · d8cf199 · d8cf199
1 parent 91d79f6
commit d8cf199
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/web/src/context/LiFiProvider.tsx b/web/src/context/LiFiProvider.tsx
@@ -54,11 +54,6 @@ export const useLifiSDK = () => {
   return context;
 };
 
-const lifi = new LiFi({
-  integrator: "Kleros",
-  apiUrl: "https://staging.li.quest/v1",
-});
-
 export const LifiProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   const { address } = useAccount();
   const [tokens, setTokens] = useState<Token[]>([]);
@@ -75,6 +70,12 @@ export const LifiProvider: React.FC<{ children: React.ReactNode }> = ({ children
     setSelectedRoute(undefined);
     setRoutes([]);
   };
+
+  const lifi = new LiFi({
+    integrator: "Kleros",
+    apiUrl: "https://staging.li.quest/v1",
+  });
+
   // update tokens for the chain
   useEffect(() => {
     resetRoutes();
@@ -92,7 +93,7 @@ export const LifiProvider: React.FC<{ children: React.ReactNode }> = ({ children
       .getTokenBalance(address, fromToken)
       .then((res) => setSwapData({ ...swapData, tokenBalance: res?.amount }))
       .catch((err) => console.log("Error fetching token balance: ", { err }));
-  }, [swapData.fromToken, address, tokens, swapData.fromTokenAddress, lifi]);
+  }, [swapData.fromToken, address, tokens, swapData.fromTokenAddress]);
 
   useDebounce(
     () => {
@@ -137,7 +138,7 @@ export const LifiProvider: React.FC<{ children: React.ReactNode }> = ({ children
         return { status: false };
       })
       .finally(() => setIsExecuting(false));
-  }, [routes, signer, lifi]);
+  }, [routes, signer]);
 
   return (
     <LifiContext.Provider