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.