React Query의 queryClient.invalidateQueries를 활용한 데이터 삭제 로직이 어떨 때는 되고 어떨 때는 되지 않는 문제가 있습니다.

Question

일반적인 게시판에서 react-query를 사용하고 있는데, 특정 게시물에서 삭제를 할때 useMutation을 사용하여, 백엔드 서버에 게시글 삭제 API를 보내고, 성공했을때(onSuccess) queryClient.invalidateQueries(queryKey) 를 통해 게시글 list 쿼리를 초기화 시켜서 게시글 목록 페이지에서 삭제된 최신 리스트를 리패치 시키는데요.
정상적으로 잘동작하다가, 어떤 게시글을 삭제 했을때는 서버로 삭제 api 요청하는 것까지 정상적으로 확인했는데 왜 게시글 목록에서는 삭제가 안되어있을까요? 어떤게 문제일까요 ㅠㅠ 
어떨때는 되고 어떨 때는 안되고 원인을 못찾겠네요 ㅠㅠ

정재용 · Answer

일단 혹시 설치가 안되어 있다면 react-query devtools을 통해서, 캐시의 상태가 정상적으로 변경되는지를 한번 체크해보시면 좋을것 같아요. (https://tanstack.com/query/v4/docs/react/devtools)
그리고 QueryClient가 안정적으로 참조되고 있는지도 한번 확인해보시면 좋을듯 하네요.
https://tkdodo.eu/blog/react-query-fa-qs#2-the-queryclient-is-not-stable

위의 내용으로도 해결이 안되신다면, 코드를 남겨주시면 좀 더 정확한 의견을 드릴수 있을것 같아요!