fix: clear stale regional map results

frontend/src/hooks/useMapSelectionExtract.ts

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { datasetsApi } from '../services/api'
 import { formatError } from '../lib/formatError'
 import type { DatasetCreateResponse, VectorSelectionBBox, VectorSelectionResponse } from '../types'
@@ -18,14 +18,19 @@ export function useMapSelectionExtract({
   const [mapSelectionResult, setMapSelectionResult] = useState<VectorSelectionResponse | null>(null)
   const [mapSelectionLoading, setMapSelectionLoading] = useState(false)
   const [mapSelectionError, setMapSelectionError] = useState<string | null>(null)
+  const requestSequence = useRef(0)
 
   useEffect(() => {
+    requestSequence.current += 1
     setMapSelectionBbox(null)
+    setMapSelectionLoading(false)
   }, [selectedProjectId])
 
   useEffect(() => {
+    requestSequence.current += 1
     setMapSelectionResult(null)
     setMapSelectionError(null)
+    setMapSelectionLoading(false)
   }, [selectedProjectId, selectedDataset?.id])
 
   const runMapSelectionExtract = async (bbox: VectorSelectionBBox, areaId?: string) => {
@@ -38,6 +43,8 @@ export function useMapSelectionExtract({
       return null
     }
 
+    const sequence = requestSequence.current + 1
+    requestSequence.current = sequence
     setMapSelectionLoading(true)
     setMapSelectionError(null)
     setMapSelectionBbox(bbox)
@@ -47,21 +54,31 @@ export function useMapSelectionExtract({
         area_id: areaId,
         limit: 1000,
       })
+      if (requestSequence.current !== sequence) {
+        return null
+      }
       setMapSelectionResult(response)
       return response
     } catch (error) {
+      if (requestSequence.current !== sequence) {
+        return null
+      }
       setMapSelectionResult(null)
       setMapSelectionError(formatError(error, 'Area extraction failed'))
       return null
     } finally {
-      setMapSelectionLoading(false)
+      if (requestSequence.current === sequence) {
+        setMapSelectionLoading(false)
+      }
     }
   }
 
   const resetMapSelectionExtract = () => {
+    requestSequence.current += 1
     setMapSelectionBbox(null)
     setMapSelectionResult(null)
     setMapSelectionError(null)
+    setMapSelectionLoading(false)
   }
 
   return {