Devtools

Devtools

Telepítés

npm install @tanstack/react-query-devtools

Használat

<ReactQueryDevtools /> a QueryClientProvider-en belül:

import { ReactQueryDevtools } from '@tanstack/react-query-devtools'

<QueryClientProvider client={queryClient}>
  <App />
  <ReactQueryDevtools initialIsOpen={false} />
</QueryClientProvider>

Mit látsz?

• Query-k állapota (fresh, stale, fetching).
• Cache tartalom, observer-ek száma.
• Manuális invalidálás, refetch tesztelése.

📝 Összefoglaló

• Devtools külön csomag: @tanstack/react-query-devtools.
• initialIsOpen={false} = ne nyíljon ki automatikusan.
• Hasznos debug és cache megértéshez.