chore: Optimize lazy loading for images in MediaContent component

Vette1123 · Sep 1, 2024 · 73effac · 73effac
1 parent d24515c
commit 73effac
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/components/media/media-content.tsx b/components/media/media-content.tsx
@@ -20,7 +20,10 @@ export const MediaContent = ({
   getPopularMediaAction,
   queryKey,
 }: MediaContentProps) => {
-  const [myRef, inView] = useInView()
+  const [myRef, inView] = useInView({
+    threshold: 0,
+    rootMargin: '0px 0px 200px 0px',
+  })
   const { data, fetchNextPage } = useInfiniteScroll({
     media,
     popularMediaAction: getPopularMediaAction,