src/pages/Gallary/ImageGallary.jsx

@@ -108,23 +108,26 @@ const ImageGallery = () => {
 
 useEffect(() => {
   if (!loaderRef.current) return;
-    const obs = new IntersectionObserver(
+
+  const observer = new IntersectionObserver(
     ([entry]) => {
-        if (
-          entry.isIntersecting &&
-          hasNextPage &&
-          !isFetchingNextPage &&
-          !isLoading
-        ) {
+      if (entry.isIntersecting && hasNextPage && !isFetchingNextPage && !isLoading) {
         fetchNextPage();
       }
     },
     { rootMargin: "200px", threshold: 0.1 }
   );
-    obs.observe(loaderRef.current);
-    return () => obs.unobserve(loaderRef.current);
+
+  observer.observe(loaderRef.current);
+
+  return () => {
+    if (loaderRef.current) {
+      observer.unobserve(loaderRef.current); 
+    }
+  };
 }, [hasNextPage, isFetchingNextPage, isLoading, fetchNextPage]);
 
+
   // Utility: derive filter options
   const getUniqueValues = useCallback(
     (idKey, nameKey) => {