fix: handle undefined fUSDC in SwapPro component

Co-Authored-By: [email protected] <[email protected]>
fluidity-money · Dec 13, 2024 · 8e66c11 · 8e66c11
1 parent 9e6cd05
commit 8e66c11
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/web/src/components/SwapPro/index.tsx b/web/src/components/SwapPro/index.tsx
@@ -109,6 +109,9 @@ export const SwapPro = ({
   });
 
   const formattedTokenPrice = useMemo(() => {
+    // Early return if fUSDC is not available
+    if (!fUSDC) return "0";
+
     const token0Price = token0SqrtPriceX96
       ? Number(
           sqrtPriceX96ToPrice(token0SqrtPriceX96.result, token0.decimals),
@@ -135,8 +138,7 @@ export const SwapPro = ({
     token1,
     token0SqrtPriceX96,
     token1SqrtPriceX96,
-    fUSDC.address,
-    fUSDC.decimals,
+    fUSDC, // Add fUSDC as a dependency since we use it in the callback
   ]);
 
   const transactions = poolSwapPro?.swaps.swaps;