diff --git a/pages/sgho.page.tsx b/pages/sgho.page.tsx index 71aa720e2e..9e2ddd86b5 100644 --- a/pages/sgho.page.tsx +++ b/pages/sgho.page.tsx @@ -3,6 +3,7 @@ import { AaveV3Ethereum } from '@bgd-labs/aave-address-book'; import { Trans } from '@lingui/macro'; import { Box, Paper, Typography, useMediaQuery, useTheme } from '@mui/material'; import dynamic from 'next/dynamic'; +import { useRouter } from 'next/router'; import { useEffect } from 'react'; import { ContentContainer } from 'src/components/ContentContainer'; import { ConnectWalletButton } from 'src/components/WalletConnection/ConnectWalletButton'; @@ -49,14 +50,15 @@ export default function SavingsGho() { const { data: stakeUserResult } = useUserStakeUiData(currentMarketData); const { data: stakeGeneralResult } = useGeneralStakeUiData(currentMarketData); - - // Automatically switch to mainnet if not already on mainnet + const router = useRouter(); + // Automatically switch to mainnet if not already on mainnet when entering the sGHO page // since sGHO only exists on Ethereum mainnet + // NOTE: Having currentMarket as a dependency in useEffect causes conflicts with the Horizon Banner interaction. useEffect(() => { - if (currentMarket !== CustomMarket.proto_mainnet_v3) { + if (router.pathname === '/sgho' && currentMarket !== CustomMarket.proto_mainnet_v3) { setCurrentMarket(CustomMarket.proto_mainnet_v3); } - }, [currentMarket, setCurrentMarket]); + }, [router.pathname, setCurrentMarket]); useEffect(() => { trackEvent('Page Viewed', {