자체 파일에 queryClient를 설정하겠음.
파일에 작성한 후,
앱에서 가져다 쓸 것임.
@ aliase
"paths"를 설정함으로써 파일 위치 설정
@
는 src 디렉토리 의미하고
@shared
는 한 수준 위의 공유 디렉토리 의미
QueryClientProvider
를 어디에 배치할까?
=> 인증 컨텍스트
보다 밖에 넣으려고 한다.
=> react-query의 error handler가 Chakra toasts
를 사용할 것이기 때문에 그것보다 안에 넣는다.
ReactQueryDevtools
는 어디에 배치할까?
=> 그냥 QueryClientProvider
안에 있는 한, 어디에 추가되든지 상관없음.
client 폴더 npm run dev
server 폴더 npm run dev
react-query devtool 오른쪽 하단에 확인