diff --git a/src/custom/hooks/usePriceImpact/useFallbackPriceImpact.ts b/src/custom/hooks/usePriceImpact/useFallbackPriceImpact.ts index 75e2f7e8e..38a9c3805 100644 --- a/src/custom/hooks/usePriceImpact/useFallbackPriceImpact.ts +++ b/src/custom/hooks/usePriceImpact/useFallbackPriceImpact.ts @@ -78,6 +78,7 @@ export default function useFallbackPriceImpact({ abTrade, fiatPriceImpact, isWra const [error, setError] = useState() // primitive values to use as dependencies + const fiatImpact = fiatPriceImpact?.quotient.toString() const abIn = abTrade?.inputAmountWithoutFee.quotient.toString() const abOut = abTrade?.outputAmountWithoutFee?.quotient.toString() const baOut = baTrade?.outputAmountWithoutFee?.quotient.toString() @@ -85,7 +86,7 @@ export default function useFallbackPriceImpact({ abTrade, fiatPriceImpact, isWra useEffect(() => { // we have no fiat price impact and there's a trade, we need to use ABA impact - if (!fiatPriceImpact && quoteError) { + if (!fiatImpact && quoteError) { setImpact(undefined) setError(quoteError) } else if (!loading && abIn && abOut && baOut) { @@ -100,7 +101,7 @@ export default function useFallbackPriceImpact({ abTrade, fiatPriceImpact, isWra setImpact(undefined) setError(undefined) } - }, [abIn, abOut, baOut, quoteError, loading, typedValue]) + }, [abIn, abOut, baOut, quoteError, fiatImpact, loading, typedValue]) return { impact, error, loading } }