[레거시] React Query version up

[eonseok-jeon]

Summary

트러블 슈팅 과정 -> 적고 나니 뭔가 별 거 없긴 한데,, 그냥 한 번 쓱 봐주세요

• 참고할 점 저희 페이지의 데이터는 거의 바뀌지 않기에 데이터 페칭을 매번 해줄 필요가 없다고 판단했습니다. 따라서 data가 stale한 지 판단하는 staleTime을 30분, cache에서도 지워버리는 gcTime을 60분으로 설정해놨습니다. 어떠한 기준에 의해 한 건 아니고요, 그냥 제 임의대로 일단 설정했습니다.

• 개선할 점

  const { data, fetchNextPage, hasNextPage, isFetching } = useInfiniteQuery<BlogResponse>({
  queryKey,
  queryFn: ({ pageParam }: { pageParam: number | unknown }) =>
    getTabResponse(selectedTab, generation, part, pageParam),
  getNextPageParam: (lastPage) => (lastPage.hasNextPage ? lastPage.currentPage + 1 : undefined),
  initialPageParam: 1,
  });

  export default function useInfiniteScroll(fetchNextPage: {
  (options?: FetchNextPageOptions): Promise<
  InfiniteQueryObserverResult<InfiniteData<BlogResponse, unknown>, Error>
  >;
  (): void;
  }) 

[height[bot]]

Link Height tasks by mentioning a task ID in the pull request title or commit messages, or description and comments with the keyword link (e.g. "Link T-123").

💡Tip: You can also use "Close T-X" to automatically close a task when the pull request is merged.