diff --git a/app/markets/components/markets.tsx b/app/markets/components/markets.tsx index 6f99e045..48faa25b 100644 --- a/app/markets/components/markets.tsx +++ b/app/markets/components/markets.tsx @@ -368,7 +368,6 @@ export default function Markets({ } setFilteredMarkets(sorted); - resetPage(); }, [ rawMarkets, sortColumn, @@ -387,7 +386,6 @@ export default function Markets({ minLiquidityEnabled, trustedVaultsOnly, searchQuery, - resetPage, hasTrustedVault, ]); @@ -395,6 +393,25 @@ export default function Markets({ applyFiltersAndSort(); }, [applyFiltersAndSort]); + // Reset page only when filters change (not when sorting or starring changes) + useEffect(() => { + resetPage(); + }, [ + selectedNetwork, + includeUnknownTokens, + showUnknownOracle, + selectedCollaterals, + selectedLoanAssets, + selectedOracles, + usdFilters, + minSupplyEnabled, + minBorrowEnabled, + minLiquidityEnabled, + trustedVaultsOnly, + searchQuery, + resetPage, + ]); + const titleOnclick = useCallback( (column: number) => { // Validate that column is a valid SortColumn value