Merge pull request #210 from DevKor-github/dev

hotfix: 무한스크롤 안되는 이슈
DevKor-github · Sep 28, 2024 · 219bc6c · 219bc6c
2 parents ab86378 + d6d5de6
commit 219bc6c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/app/rank/page.tsx b/app/rank/page.tsx
@@ -46,7 +46,7 @@ export default function Rank() {
       <Header title="적중률 랭킹" withSideBar={true} />
       <MyRank shareHandler={openModal} myRank={myRank} />
       <RankList data={rankItems} currentUser={currentUser}>
-        {!isFetchingNextPage && <div ref={ref} />}
+        {!isFetchingNextPage && <InfiniteFetchDiv ref={ref} />}
       </RankList>
       <ScrollToTopButton onClick={() => scrollTo({ left: 0, top: 0, behavior: 'smooth' })}>
         <Icon.VerticalAlignTop />
@@ -72,3 +72,7 @@ const ScrollToTopButton = styled.button`
   );
   box-shadow: 0px 4px 10px 0px rgba(18, 18, 18, 0.15);
 `;
+
+const InfiniteFetchDiv = styled.div`
+  height: 5px;
+`;
diff --git a/libs/apis/rank.ts b/libs/apis/rank.ts
@@ -27,6 +27,7 @@ export const useGetRankInfiniteScroll = (pageSize: number, queryKey: string) =>
     queryFn: fetchRank,
     initialPageParam: '' as string,
     getNextPageParam: ({ meta: { hasNextData, nextCursor } }) => (hasNextData ? nextCursor : undefined),
+    retry: 1,
   });
 
   return {