공식문서 : https://tanstack.com/query/v4/docs/guides/scroll-restoration

Scroll Restoration

일반적으로 웹 브라우저에서 이전에 방문한 페이지로 이동하면, 해당 페이지에서 다른 페이지로 이동하기 전의 정확한 위치로 페이지가 스크롤된다. 이것은 scroll restoration(스크롤 복원)이라고 하며 웹 애플리케이션이 client side data fetching으로 이동하기 시작한 이후로 약간 퇴행했다. 그러나 React Query를 사용하면 더 이상 그렇지 않다.

기본적으로 모든 쿼리(paginated 및 infinite 쿼리 포함)에 대한 "스크롤 복원"은 React Query에서 그냥 작동한다. 그 이유는 쿼리 결과가 캐시되고 쿼리가 렌더링될때 동기적으로 검색될 수 있기 때문이다. 쿼리가 충분히 오래 캐시되고(기본 시간은 5분) garbage collect되지 않은 한 스크롤 복원은 항상 기본적으로 작동한다.