fix: infinite reload issues

Author: LukasLohoff

src/Hooks/useCoordinateInfo/useCoordinateInfo.ts

@@ -93,6 +93,7 @@ export const useCoordinateInfo = ({
   const [viewResolution, setViewResolution] = useState<number | undefined>(mapView?.getResolution());
 
   const abortControllers = useRef<Map<string, AbortController>>(new Map());
+  const isFetchingRef = useRef<boolean>(false);
 
   const viewProjection = useMemo(() => mapView?.getProjection(), [mapView]);
 
@@ -433,7 +434,7 @@ export const useCoordinateInfo = ({
   }, [mapCoordinate]);
 
   useEffect(() => {
-    if (loading) {
+    if (isFetchingRef.current) {
       return;
     }
 
@@ -455,6 +456,7 @@ export const useCoordinateInfo = ({
 
     const fetchFeatures = async () => {
       try {
+        isFetchingRef.current = true;
         setLoading(true);
         setFeatureResults(undefined);
 
@@ -478,7 +480,6 @@ export const useCoordinateInfo = ({
         }
 
         let allResults: FeatureLayerResult[][] = await Promise.all(promises);
-        allResults = await Promise.all(promises);
 
         if (!drillDown) {
           // filter empty results, order by layer index and return the first layer found
@@ -498,21 +499,22 @@ export const useCoordinateInfo = ({
         setFeatureResults(clonedResults);
         onSuccess?.();
       } catch (error: any) {
-        if (error. name !== 'AbortError') {
+        if (error.name !== 'AbortError') {
           Logger.error(error);
         }
         onError?.(error);
       }
     };
 
     fetchFeatures().finally(() => {
+      isFetchingRef.current = false;
       setLoading(false);
       map.getTargetElement().style.cursor = 'auto';
     });
 
   }, [
     mapCoordinate, drillDown, featureResults, getResultsFromImageLayers, getResultsFromWfsLayers, map, orderedLayerUids,
-    onError, onSuccess, loading, wfsMapLayerUids, wmsMapLayerUids, wmtsMapLayerUids
+    onError, onSuccess, wfsMapLayerUids, wmsMapLayerUids, wmtsMapLayerUids
   ]);
 
   /**