diff --git a/explorer-v2/src/components/landingPageComponents/NoiseCard.tsx b/explorer-v2/src/components/landingPageComponents/NoiseCard.tsx index cdd3e0196a..ed69ea5f58 100644 --- a/explorer-v2/src/components/landingPageComponents/NoiseCard.tsx +++ b/explorer-v2/src/components/landingPageComponents/NoiseCard.tsx @@ -63,11 +63,31 @@ export const NoiseCard = () => { const todaysData = data[data.length - 2]; const yesterdaysData = data[data.length - 3]; + // Add null checks to prevent TypeError + if (!todaysData || !yesterdaysData) { + return ( + + + Insufficient data available + + + + ); + } + const noiseLast24H = - todaysData.total_packets_sent + todaysData.total_packets_received; + (todaysData?.total_packets_sent || 0) + + (todaysData?.total_packets_received || 0); const noisePrevious24H = - yesterdaysData.total_packets_sent + yesterdaysData.total_packets_received; + (yesterdaysData?.total_packets_sent || 0) + + (yesterdaysData?.total_packets_received || 0); const formatNoiseVolume = (packets: number): string => { if (packets < 0) { @@ -109,8 +129,9 @@ export const NoiseCard = () => { .slice(0, -1) .map((item: IPacketsAndStakingData) => { return { - date_utc: item.date_utc, - numericData: item.total_packets_sent + item.total_packets_received, + date_utc: item?.date_utc, + numericData: + (item?.total_packets_sent || 0) + (item?.total_packets_received || 0), }; }); // .filter((item) => item.numericData >= 2_500_000_000);