admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

prevent IntersectionObserver error on unobserve with null ref

Browse Source
This commit is contained in:
pramod mahajan 2025-07-18 15:01:44 +05:30
parent 425c32750c
commit 89085d5069
1 changed files with 21 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/Gallary/ImageGallary.jsx
View File

@ -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) => {