Исправлена ошибка наложения телеметрий при активных скважинах

src/pages/Well/Telemetry/TelemetryView/index.jsx

@@ -140,6 +140,7 @@ export const normalizeData = (data) => data?.map(item => ({
 const dateSorter = makeDateSorter('date')
 
 const TelemetryView = memo(() => {
+  const [currentWellId, setCurrentWellId] = useState(null)
   const [dataSaub, setDataSaub] = useState([])
   const [dataSpin, setDataSpin] = useState([])
   const [chartInterval, setChartInterval] = useState(defaultPeriod)
@@ -155,11 +156,11 @@ const TelemetryView = memo(() => {
   const saubSubject$ = useMemo(() => new BehaviorSubject(), [])
   const spinSubject$ = useMemo(() => new BehaviorSubject(), [])
 
-  const handleDataSaub = useCallback((data) => {
+  const handleDataSaub = useCallback((data, replace = false) => {
     if (data) {
       const dataSaub = normalizeData(data)
       setDataSaub((prev) => {
-        const out = [...prev, ...dataSaub]
+        const out = replace ? [...dataSaub] : [...prev, ...dataSaub]
         out.sort(dateSorter)
         return out
       })
@@ -185,24 +186,23 @@ const TelemetryView = memo(() => {
   }, [spinSubject$])
 
   useEffect(() => {
-    const cancel = invokeWebApiWrapperAsync(
+    if (currentWellId == well.id) return
-      async (signal) => {
+    setCurrentWellId(well.id)
-        if (signal.aborted) return false
+    invokeWebApiWrapperAsync(
+      async () => {
         const flowChart = await DrillFlowChartService.getByIdWell(well.id)
         const dataSaub = await TelemetryDataSaubService.getData(well.id, null, chartInterval)
         const dataSpin = await TelemetryDataSpinService.getData(well.id, null, chartInterval)
         if (signal.aborted) return false
         setFlowChartData(flowChart ?? [])
-        handleDataSaub(dataSaub)
+        handleDataSaub(dataSaub, true)
-        handleDataSpin(dataSpin)
+        setDataSpin(Array.isArray(dataSpin) ? dataSpin : [])
       },
       setIsDataLoading,
       `Не удалось получить данные`,
       { actionName: 'Получение данных по скважине', well }
     )
-
+  }, [well, chartInterval, currentWellId, handleDataSaub])
-    return () => cancel()
-  }, [well, chartInterval, handleDataSpin, handleDataSaub])
 
   useEffect(() => {
     const unsubscribe = Subscribe(