nextjs 프로젝트 내 react-query에서 제공하는 useInfiniteQuery를 사용하여 무한 스크롤을 구현해봄 server/contents.ts export function useInfinite( options?: UseInfiniteQueryResult, ) { const headers= {}; return useInfiniteQuery({ queryKey: [QueryKey], queryFn: ({ pageParam = 0 }) => 데이터패치 function~~( pageParam, { headers: headers }, ), ...options, }); } 데이터 패치 function 부분은 각자 api에 맞춰 넣어주면 됨 이때 pageParam 부분을 계속 fetch해야하는 api ..