invalidateQueries가 안먹힙니다.

Question

사진 순서대로
1. 유저 정보 수정 Mutation훅
2. 유저 정보 수정 Mutation훅을 호출하는 컴포넌트
3. 유저 정보를 새로받아오는 Query 훅
입니다.

invalidateQueries, refetchQueries, 옵션추가 등등 다해봤는데 쿼리를 무효화하는 요청이 아예안갑니다..ㅜ

쿼리키도 똑같은데 뭐가 문제일까요?

두번째 사진은 흐리게보여서 코드로 올립니다.

박정환 · Answer

코드를 보기가 너무 어렵군요.
가독성이 좋지 않아보입니다. 개선할 수 있다면 개선 하시구요,
(카멜 케이스로 썼다가 대문자로 썼다가 언더바 썼다가.. 
변수명이나 타입명의 패턴을 될수 있으면 하나, 혹은 둘 정도로 통일해 주십시오.)

invalidateQueries가 안된다면 
우선 useMutation의 onSuccess가 정상적으로 실행은 되는지 확인해보시면 좋을 것 같습니다.
editUser가 정상적으로 수행된다면, onSuccess의 위치 문제인 것 같습니다.

useMutation에 익숙치 않다면 try catch로 API post나 put을 날리고 response를 체크하는 방식으로 수정하신뒤 finally에서 invalidate를 걸어 보시죠.
그렇게 해서 invalidate가 실행된다면 그 소스는 백업해두고 useMutation으로 바꾸고 다시 비교 분석을 진행해보시는게 어떨까 합니다.

그럼 즐거운 개발 되세요.