Tan Stack Query Dev Tools 2025
TanStack Query Devtools 2025
TanStack Query Devtools ek powerful tool hai jo aapko development ke dauraan queries ko dekhne, unka status check karne, refetch karne aur cache data analyze karne mein madad karta hai.
1. Installation
Sabse pehle devtools ko install karo:
npm install @tanstack/react-query-devtools
2. Import aur Wrap karo App mein
Aapko ReactQueryDevtools
ko QueryClientProvider
ke andar rakhna hota hai.
import {
QueryClient,
QueryClientProvider,
} from "@tanstack/react-query";
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
const queryClient = new QueryClient();
function App() {
return (
);
}
3. Features of Devtools
- Query list with status
- Refetch option
- Cache viewer
- Toggle visibility
4. Tips
initialIsOpen={true}
ka use karo agar chahte ho devtools hamesha open ho.
- Production mein ise hata do ya disable kar do for better performance.