리액트쿼리(useQuery) 질문이 있습니다.

안녕하세요! 평소에 병진님이 쓰신 글들 잘 읽고 있습니다. 이렇게 답변 주셔서 감사해요!!^^ 읽다보니 추가적으로 질문이 있습니다:) ‘staleTime이 도래하고 gcTime이 지나지 않은 상태라면’ 우선 cache에 있는 데이터를 보여주고 백그라운드에서 서버요청을 하는 것으로 알고 있습니다. 병진님은 굳이 서버로 요청을 보내지 않는다고 하셨는데 어떤게 맞는지 궁금합니다..!

선진님 안녕하세요! 제가 지난달에 React 강의를 하면서 선진님 케이스처럼 gcTime이 도래하기 전에 서버로 요청이 들어가는지 확인했던 적이 있습니다. 서버 로그를 확인하면서 테스트를 해봤는데, gcTime이 지나기 전까지는 서버로 요청이 들어가지 않더라구요. 하지만 공식문서를 보면 선진님 말씀처럼 gcTime이 도래하지 않았다면 cache에 있는 데이터를 리턴하고, fetch하는 함수를 백그라운드에서 실행한다고 되어있습니다. 예시에서 A second instance of useQuery({ queryKey: ['todos'], queryFn: fetchTodos }) mounts elsewhere. The new instance triggers a new network request using its query function. 라는 내용으로 볼 때, 이건 같은 key를 가진 useQuery가 여러 곳에서 사용되는 경우인 것 같아요. 이때는 처음에 mount된 useQuery는 fetch를 하지 않지만, 두번째로 mount된 같은 key를 가진 useQuery의 fetch결과를 사용하는 것 같습니다

병진님 친절하고 자세한 설명 감사합니다..! 리액트쿼리가 알면 알수록 배워야할게 많은것 같아요. 말씀을 정리하면 A화면에서 첫마운트된 useQuery는 해당 화면에서 (cacheTime이 도래하기 전까지) 계속 cache 데이터를 쓰는 것이고, B화면에서 동일한 쿼리키로 첫마운트된 useQuery는 fetch를 다시 한다는 것 맞을까요~?(B화면에서도 이후에는 state가 변경되어도 cache 데이터 사용)

넵넵 맞습니다!