diff --git a/pages/reserve-overview.page.tsx b/pages/reserve-overview.page.tsx index eb3d7467b1..bcc9b2a507 100644 --- a/pages/reserve-overview.page.tsx +++ b/pages/reserve-overview.page.tsx @@ -5,11 +5,7 @@ import { useRouter } from 'next/router'; import { useEffect, useState } from 'react'; import StyledToggleButton from 'src/components/StyledToggleButton'; import StyledToggleButtonGroup from 'src/components/StyledToggleButtonGroup'; -import { - ComputedReserveData, - ReserveWithId, - useAppDataContext, -} from 'src/hooks/app-data-provider/useAppDataProvider'; +import { useAppDataContext } from 'src/hooks/app-data-provider/useAppDataProvider'; import { AssetCapsProvider } from 'src/hooks/useAssetCaps'; import { AssetCapsProviderSDK } from 'src/hooks/useAssetCapsSDK'; import { MainLayout } from 'src/layouts/MainLayout'; @@ -55,12 +51,12 @@ export default function ReserveOverview() { //With SDK const reserve = supplyReserves.find((reserve) => { return reserve.underlyingToken.address.toLowerCase() === underlyingAsset?.toLowerCase(); - }) as ReserveWithId; + }); //With Reserves const reserveLegacy = reserves.find((reserve) => { return reserve.underlyingAsset.toLowerCase() === underlyingAsset?.toLowerCase(); - }) as ComputedReserveData; + }); const [pageEventCalled, setPageEventCalled] = useState(false); useEffect(() => { @@ -76,6 +72,15 @@ export default function ReserveOverview() { const isOverview = mode === 'overview'; + // Don't render reserve configuration until SDK data is loaded + if (!reserve || !reserveLegacy) { + return ( + <> + + + ); + } + return ( diff --git a/src/modules/markets/MarketAssetsListItem.tsx b/src/modules/markets/MarketAssetsListItem.tsx index f4fce15f03..d81c304fd0 100644 --- a/src/modules/markets/MarketAssetsListItem.tsx +++ b/src/modules/markets/MarketAssetsListItem.tsx @@ -164,7 +164,7 @@ export const MarketAssetsListItem = ({ ...reserve }: ReserveWithProtocolIncentiv {reserve.borrowInfo?.borrowingState === 'DISABLED' && !reserve.isFrozen && !reserve.eModeInfo?.some((eMode) => eMode.canBeBorrowed) && - reserve.borrowInfo.total.amount.value !== '0' && } + reserve.borrowInfo?.total.amount.value !== '0' && } diff --git a/src/modules/markets/MarketAssetsListMobileItem.tsx b/src/modules/markets/MarketAssetsListMobileItem.tsx index 41e5325b7f..fcc9760a0f 100644 --- a/src/modules/markets/MarketAssetsListMobileItem.tsx +++ b/src/modules/markets/MarketAssetsListMobileItem.tsx @@ -161,7 +161,7 @@ export const MarketAssetsListMobileItem = ({ ...reserve }: ReserveWithProtocolIn {reserve.borrowInfo?.borrowingState === 'DISABLED' && !reserve.isFrozen && !reserve.eModeInfo?.some((eMode) => eMode.canBeBorrowed) && - reserve.borrowInfo.total.amount.value !== '0' && } + reserve.borrowInfo?.total.amount.value !== '0' && }