fix lint

Signed-off-by: Tomáš Remeš <tremes@redhat.com>

Author: tremes

timeserieschart/src/TimeSeriesChartBase.tsx

@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { forwardRef, MouseEvent, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { forwardRef, MouseEvent, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { Box } from '@mui/material';
 import merge from 'lodash/merge';
 import isEqual from 'lodash/isEqual';
@@ -58,8 +58,8 @@ import {
   useTimeZone,
   ZoomEventData,
 } from '@perses-dev/components';
-import { createTimezoneAwareAxisFormatter } from './utils/timezone-formatter';
 import { DatasetOption } from 'echarts/types/dist/shared';
+import { createTimezoneAwareAxisFormatter } from './utils/timezone-formatter';
 
 use([
   EChartsLineChart,
@@ -128,8 +128,10 @@ export const TimeSeriesChartBase = forwardRef<ChartInstance, TimeChartProps>(fun
   const [startX, setStartX] = useState(0);
   const { timeZone } = useTimeZone();
 
-  const getTimezoneAwareAxisFormatter = (rangeMs: number) =>
-    createTimezoneAwareAxisFormatter(rangeMs, timeZone);
+  const getTimezoneAwareAxisFormatter = useCallback(
+    (rangeMs: number): ((value: number) => string) => createTimezoneAwareAxisFormatter(rangeMs, timeZone),
+    [timeZone]
+  );
 
   let timeScale: TimeScale;
   if (timeScaleProp === undefined) {
@@ -278,10 +280,10 @@ export const TimeSeriesChartBase = forwardRef<ChartInstance, TimeChartProps>(fun
     noDataOption,
     __experimentalEChartsOptionsOverride,
     noDataVariant,
-    timeZone,
     isStackedBar,
     enablePinning,
     pinnedCrosshair,
+    getTimezoneAwareAxisFormatter,
   ]);
 
   // Update adjacent charts so tooltip is unpinned when current chart is clicked.

timeserieschart/src/utils/timezone-formatter.test.ts

@@ -76,4 +76,4 @@ describe('createTimezoneAwareAxisFormatter', () => {
     // Should use HH:mm format (not > 2 days)
     expect(result).toBe('HH:mm[America/New_York]');
   });
-});
+});

timeserieschart/src/utils/timezone-formatter.ts

@@ -46,4 +46,4 @@ export function createTimezoneAwareAxisFormatter(rangeMs: number, timeZone: stri
 
     return formatWithTimeZone(timeStamp, 'HH:mm', timeZone);
   };
-}
+}