diff --git a/src/components/orders/OrderNotFound/index.tsx b/src/components/orders/OrderNotFound/index.tsx index f210dce38..d549f93f3 100644 --- a/src/components/orders/OrderNotFound/index.tsx +++ b/src/components/orders/OrderNotFound/index.tsx @@ -120,7 +120,7 @@ export const OrderAddressNotFound: React.FC = (): JSX.Element => { or - + Get Support diff --git a/src/hooks/useTxBatchTrades.tsx b/src/hooks/useTxBatchTrades.tsx index 8434a27b7..6a5813f92 100644 --- a/src/hooks/useTxBatchTrades.tsx +++ b/src/hooks/useTxBatchTrades.tsx @@ -60,7 +60,9 @@ export function useTxBatchTrades( const [error, setError] = useState('') const [txBatchTrades, setTxBatchTrades] = useState({ trades: [], transfers: [] }) const [accounts, setAccounts] = useState() - const txOrders = usePrevious(JSON.stringify(orders?.map((o) => ({ owner: o.owner, kind: o.kind, receiver: o.receiver })))) // We need to do a deep comparison here to avoid useEffect to be called twice (Orders array is populated partially from different places) + const txOrders = usePrevious( + JSON.stringify(orders?.map((o) => ({ owner: o.owner, kind: o.kind, receiver: o.receiver }))), + ) // We need to do a deep comparison here to avoid useEffect to be called twice (Orders array is populated partially from different places) const [erc20Addresses, setErc20Addresses] = useState([]) const { value: valueErc20s, isLoading: areErc20Loading } = useMultipleErc20({ networkId, addresses: erc20Addresses }) @@ -120,9 +122,7 @@ export function useTxBatchTrades( } finally { setIsLoading(false) } - }, - [orders], - ) + }, []) useEffect(() => { if (!networkId || !txOrders) {