Григорий

import { ECharts } from 'echarts';
import { useEffect } from 'react';

import { getDataZoom } from '@opm/shared/echarts';

export const useScrollEChart = (
  echarts: ECharts | undefined,
  dataZoomId: string,
) => {
  useEffect(() => {
    // код ниже для реализации вне React
    if (!echarts) return;
    let startPercent: number;
    let endPercent: number;

    const mouseWheelHandler = (e: WheelEvent) => {
      // тут нужно получить id той оси которую нужно скроллить - тут это реализовано через кастомный хук - но вы можете это сделать как вас будет удобно
      const dataZoom = getDataZoom(echarts, [dataZoomId]);

      startPercent = dataZoom[0].start;
      endPercent = dataZoom[0].end;

      if (e.deltaY > 0 && endPercent < 100) {
        const increment = Math.min(4, 100 - endPercent);
        startPercent += increment;
        endPercent += increment;
      }
      if (e.deltaY < 0 && startPercent > 0) {
        const decrement = Math.min(4, startPercent);
        startPercent -= decrement;
        endPercent -= decrement;
      }

      // передаём параметры для echart dataZoom потому что это единственный способ проскроллить

      echarts.dispatchAction({
        type: 'dataZoom',
        batch: [
          {
            dataZoomId,
            start: startPercent,
            end: endPercent,
          },
        ],
      });
    };

    echarts.getDom()?.addEventListener('wheel', mouseWheelHandler);

    return () => {
      echarts.getDom()?.removeEventListener('wheel', mouseWheelHandler);
    };
  }, [echarts, dataZoomId]);
};

Нашёл ответ - favorites определяется как строка, а не как массив потому что в localStorage была внесена строка. Удалив её всё заработало
Видимо на каком-то этапе случайно внёс item как строку, поэтому не создавался новый массив JSON и не возможно было извлечь массив из JSON item.