TableNG: Only cache field names on data changes (#104190)

2025-05-02 18:26:44 -05:00
parent a00ef79f5a
commit 50d183e50c
1 changed files with 4 additions and 1 deletions
@@ -1,4 +1,5 @@
 import { css } from '@emotion/css';
+import { useMemo } from 'react';

 import {
  ActionModel,
@@ -27,7 +28,9 @@ interface Props extends PanelProps<Options> {}
 export function TablePanel(props: Props) {
  const { data, height, width, options, fieldConfig, id, timeRange, replaceVariables } = props;

-  cacheFieldDisplayNames(data.series);
+  useMemo(() => {
+    cacheFieldDisplayNames(data.series);
+  }, [data.series]);

  const theme = useTheme2();
  const panelContext = usePanelContext();