문제
프로젝트 진행 중 useQuery,InfiniteQuery로 데이터를 요청하는 함수를 작성했었는데 네트워크상에서 window 탭 이동 할 때마다 계속 데이터를 요청하는 문제가 발생했다.
원인
useQuery, infiniteQuery 로 캐싱 한 데이터들은 기본적으로 stale으로 간주하기 때문에 문제가 발생한다고 한다.
stale이란 최신화가 필요한 데이터라는 의미로 stale한 상태가 되면 다음의 경우에 refetch 된다.
해결
staleTime 속성 값을 활용하여
데이터를 계속해서 새로 받아오지 않게 설정했습니다.
☄️