diff --git a/x-pack/plugins/apm/public/components/shared/charts/timeseries_chart_with_context.tsx b/x-pack/plugins/apm/public/components/shared/charts/timeseries_chart_with_context.tsx
index 101fe2b9c8967..85333f22aa45e 100644
--- a/x-pack/plugins/apm/public/components/shared/charts/timeseries_chart_with_context.tsx
+++ b/x-pack/plugins/apm/public/components/shared/charts/timeseries_chart_with_context.tsx
@@ -77,8 +77,9 @@ export function TimeseriesChartWithContext({
   const annotationColor = theme.eui.euiColorSuccess;
   const { annotations } = useAnnotationsContext();
 
-  const getAnnotations = () => (
+  const timeseriesAnnotations = [
     <LineAnnotation
+      key="annotations"
       id="annotations"
       domainType={AnnotationDomainType.XDomain}
       dataValues={annotations.map((annotation) => ({
@@ -93,8 +94,8 @@ export function TimeseriesChartWithContext({
       }}
       marker={<EuiIcon type="dot" color={annotationColor} />}
       markerPosition={Position.Top}
-    />
-  );
+    />,
+  ];
   return (
     <TimeseriesChart
       id={id}
@@ -105,7 +106,7 @@ export function TimeseriesChartWithContext({
       yLabelFormat={yLabelFormat}
       yTickFormat={yTickFormat}
       showAnnotations={showAnnotations}
-      annotations={[getAnnotations()]}
+      annotations={timeseriesAnnotations}
       yDomain={yDomain}
       anomalyTimeseries={anomalyTimeseries}
       customTheme={customTheme}