Merge pull request #97 from Funssion-SWM/develop

Fix: useInfinityScroll 수정
Funssion-SWM · Jan 3, 2024 · 22fe8c2 · 22fe8c2
2 parents 67a5b71 + b9e7288
commit 22fe8c2
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/src/hooks/useInfinityScroll.ts b/src/hooks/useInfinityScroll.ts
@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction, useEffect, useState } from 'react';
+import { Dispatch, SetStateAction, useState } from 'react';
 import useObserver from '@/hooks/useObserver';
 
 export const useInfinityScroll = <T>(
@@ -24,20 +24,19 @@ export const useInfinityScroll = <T>(
         else {
           setData([...data, ...item]);
         }
+      })
+      .then(() => {
         setIsLoading(false);
+        setPageNum((pre) => pre + 1);
       })
       .catch(() => {
         setIsLoading(false);
       });
   };
 
-  useEffect(() => {
-    fetchData();
-  }, [pageNum]);
-
   const onIntersect: IntersectionObserverCallback = ([entry]) => {
     if (isEnd || isLoading) return;
-    entry.isIntersecting && setPageNum(pageNum + 1);
+    if (entry.isIntersecting) fetchData();
   };
 
   const { setTarget } = useObserver({ onIntersect });