[React][TypeScript] React Query- 3 ReactQueryDevTools

https://react-query-v3.tanstack.com/devtools

Devtools | TanStack Query Docs

 

React Query에서 ReactQueryDevTools이라는 hook은

나의 캐시에 있는 query를 볼 수 있다. 

 

App.tsx

 import { ReactQueryDevtools } from 'react-query/devtools'
 
 function App() {
   return (
     <QueryClientProvider client={queryClient}>
       {/* The rest of your application */}
       <ReactQueryDevtools initialIsOpen={false} />
     </QueryClientProvider>
   )
 }

위 코드를 적용 시키면

react-query로 부터 온 Tool을 볼 수 있다. 

이 툴 안에서는 내 캐시에 대한 정보들을 시각화해서 볼  수 있다.