fix: Refech route on change token

decentraland · Feb 20, 2024 · 8a1d379 · 8a1d379
1 parent 878c512
commit 8a1d379
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/webapp/src/components/Modals/BuyWithCryptoModal/hooks.ts b/webapp/src/components/Modals/BuyWithCryptoModal/hooks.ts
@@ -452,6 +452,7 @@ const useCrossChainRoute = (
   )
 
   const calculateRoute = useCallback(async () => {
+    abortControllerRef.current = new AbortController()
     const abortController = abortControllerRef.current
     const signal = abortController.signal
     const providerMANA = providerTokens.find(
@@ -555,7 +556,11 @@ const useCrossChainRoute = (
 
   // Refresh the route every time the selected token changes
   useEffect(() => {
-    if (!route && !isFetchingRoute && !useMetaTx && !routeFailed) {
+    // Abort previous request
+    const abortController = abortControllerRef.current
+    abortController.abort()
+
+    if (!useMetaTx) {
       const isBuyingL1WithOtherTokenThanEthereumMANA =
         assetChainId === ChainId.ETHEREUM_MAINNET &&
         selectedToken.chainId !== ChainId.ETHEREUM_MAINNET.toString() &&
@@ -575,11 +580,8 @@ const useCrossChainRoute = (
       }
     }
   }, [
-    route,
     useMetaTx,
-    routeFailed,
     selectedToken,
-    isFetchingRoute,
     selectedChain,
     assetChainId,
     calculateRoute