From b69e0d62679484f78663e883ef1719f85f911cd7 Mon Sep 17 00:00:00 2001 From: nsdeschenes Date: Wed, 15 Apr 2026 15:56:15 -0300 Subject: [PATCH] Wrap parseStatsPeriod in useMemo --- .../projectApdexScoreCard.tsx | 22 ++++++++++++++----- 1 file changed, 16 insertions(+), 6 deletions(-) diff --git a/static/app/views/projectDetail/projectScoreCards/projectApdexScoreCard.tsx b/static/app/views/projectDetail/projectScoreCards/projectApdexScoreCard.tsx index d1f15328eb4618..1a7f49119de96b 100644 --- a/static/app/views/projectDetail/projectScoreCards/projectApdexScoreCard.tsx +++ b/static/app/views/projectDetail/projectScoreCards/projectApdexScoreCard.tsx @@ -1,3 +1,5 @@ +import {useMemo} from 'react'; + import {Button} from '@sentry/scraps/button'; import {Container} from '@sentry/scraps/layout'; @@ -38,14 +40,22 @@ const useApdex = (props: Props) => { const {projects, environments: environments, datetime} = selection; const {period} = datetime; - const {start: previousStart} = parseStatsPeriod( - getPeriod({period, start: undefined, end: undefined}, {shouldDoublePeriod: true}) - .statsPeriod! + const {start: previousStart} = useMemo( + () => + parseStatsPeriod( + getPeriod({period, start: undefined, end: undefined}, {shouldDoublePeriod: true}) + .statsPeriod! + ), + [period] ); - const {start: previousEnd} = parseStatsPeriod( - getPeriod({period, start: undefined, end: undefined}, {shouldDoublePeriod: false}) - .statsPeriod! + const {start: previousEnd} = useMemo( + () => + parseStatsPeriod( + getPeriod({period, start: undefined, end: undefined}, {shouldDoublePeriod: false}) + .statsPeriod! + ), + [period] ); const commonQuery = {