Understanding QueryClient Initialization in React Query: Best Practices and Pitfalls
The Two Approaches
Let's examine two common approaches to initializing QueryClient:
// Approach 1: Using useState
const [queryClient] = useState(() => new QueryClient({
defaultOptions: {
queries: {
staleTime: 60 * 1000, // 1 minute
},...