src/pages/Gallary/ImageGallary.jsx

@@ -106,24 +106,27 @@ const ImageGallery = () => {
     return () => eventBus.off("image_gallery", handler);
   }, [selectedProjectId, refetch]);
 
-  useEffect(() => {
+useEffect(() => {
   if (!loaderRef.current) return;
-    const obs = new IntersectionObserver(
+
+  const observer = new IntersectionObserver(
     ([entry]) => {
-        if (
+      if (entry.isIntersecting && hasNextPage && !isFetchingNextPage && !isLoading) {
-          entry.isIntersecting &&
-          hasNextPage &&
-          !isFetchingNextPage &&
-          !isLoading
-        ) {
         fetchNextPage();
       }
     },
     { rootMargin: "200px", threshold: 0.1 }
   );
-    obs.observe(loaderRef.current);
+
-    return () => obs.unobserve(loaderRef.current);
+  observer.observe(loaderRef.current);
-  }, [hasNextPage, isFetchingNextPage, isLoading, fetchNextPage]);
+
+  return () => {
+    if (loaderRef.current) {
+      observer.unobserve(loaderRef.current); 
+    }
+  };
+}, [hasNextPage, isFetchingNextPage, isLoading, fetchNextPage]);
+
 
   // Utility: derive filter options
   const getUniqueValues = useCallback(