Documentation
React Query DevTools
This tool works with both Expo and React Native CLI projects. Just install and go.
Full TanStack Query inspection for React Native. Browse queries, view cached data, simulate states, and debug your data fetching in real-time.
Query List
Browse all queries with their status—fresh, stale, fetching, or inactive. See query keys and filter by state.
Installation
npm install @buoy-gg/react-queryThat's it. The React Query DevTools auto-detects your QueryClient and appears in your FloatingDevTools menu.
Query States
Data is valid and up-to-date
Data needs to be refetched
Currently loading data
Fetch paused (offline)
No active observers
Query failed
What You Can Do
Manually trigger a fetch
Mark query as stale
Reset to initial state
Delete from cache
Simulate loading state
Simulate error state
Simulate loading & error states — Test how your UI handles loading spinners and error boundaries without waiting for real network conditions.
Mutations
Track all your mutations in real-time:
- Status — idle, pending, success, or error
- Variables — data passed to the mutation
- Response — returned data or error message
- Timing — when the mutation was submitted
WiFi Toggle
Simulate offline mode with one tap. The WiFi toggle controls React Query's onlineManager to pause all queries — perfect for testing offline-first features.
What's Next
- Network Monitor — See every API call your app makes
- Storage Explorer — Browse and edit AsyncStorage & MMKV
- Environment Inspector — Validate env vars with type checking