본문 바로가기

클라이언트/React
[리액트(React)] Tanstack Query(React Query) Devtools

// Tanstack Query(React Query) Devtools

- React에서 서버의 상태 관리를 용이하게 해주는 도구

- 데이터의 상태와 캐싱 정보를 확인할 수 있다.


1. 설치

npm i @tanstack/react-query-devtools

2. 사용

<ReactQueryDevtools initialIsOpen />

- 루트 컴포넌트에 ReqctQueryDevtools를 추가한다.
- initialIsOpen property를 사용하면 컴포넌트가 마운트될 때 Devtools 탭이 자동으로 열린다.