From 57bc6bcf414d53a172093374f12e70437dd74778 Mon Sep 17 00:00:00 2001
From: chj <bluedog129@gmail.com>
Date: Fri, 31 Jan 2025 17:40:51 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20useGetInfiniteLocationList=EC=9D=98=20?=
 =?UTF-8?q?=EB=A1=9C=EC=A7=81=20=EB=B3=80=EA=B2=BD=EC=97=90=20=EB=94=B0?=
 =?UTF-8?q?=EB=9D=BC=20addContents=20=EB=A1=9C=EC=A7=81=EB=8F=84=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Layout/AddContents/AddContents.tsx | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/components/Layout/AddContents/AddContents.tsx b/components/Layout/AddContents/AddContents.tsx
index b80e7e6e..60f7c8ce 100644
--- a/components/Layout/AddContents/AddContents.tsx
+++ b/components/Layout/AddContents/AddContents.tsx
@@ -30,22 +30,28 @@ const AddContents = ({ isVisible, setIsVisible, title }: AddContentsProps) => {
   const [selectedLocations, setSelectedLocations] = useState<string[]>([]);
   const contentRef = useRef<HTMLDivElement>(null);
 
-  // useGetInfiniteLocationList 훅 호출
   const {
     locationList: contents,
-    loadMore,
+    fetchLocationList,
     isLoading,
-    isInitialLoad,
+    isLoadMore,
   } = useGetInfiniteLocationList();
 
-  // 초기 로드 및 무한 스크롤 설정
+  const isInitialLoad = contents.length === 0;
+
   useEffect(() => {
     const currentRef = contentRef.current;
+
     const handleScroll = () => {
       if (currentRef) {
         const { scrollTop, scrollHeight, clientHeight } = currentRef;
-        if (scrollHeight - scrollTop <= clientHeight + 1 && !isLoading) {
-          loadMore(); // 추가 데이터 로드
+        // 무한 스크롤 조건: 스크롤이 하단에 도달했으며, 로딩 중이 아니고, 추가 데이터가 있음
+        if (
+          scrollHeight - scrollTop <= clientHeight + 1 &&
+          !isLoading &&
+          isLoadMore
+        ) {
+          fetchLocationList();
         }
       }
     };
@@ -58,7 +64,7 @@ const AddContents = ({ isVisible, setIsVisible, title }: AddContentsProps) => {
         currentRef.removeEventListener('scroll', handleScroll);
       }
     };
-  }, [isLoading, loadMore]);
+  }, [isLoading, isLoadMore, fetchLocationList]);
 
   useEffect(() => {
     if (!isVisible) {