Optimizing caching with query configuration

import { QueryClient, QueryCache } from 'react-query';

// Creating a new QueryClient instance
const queryClient = new QueryClient({
  queryCache: new QueryCache({
    defaultConfig: {
      queries: {
        // Data is considered fresh for 5 minutes
        staleTime: 5 * 60 * 1000,
        // Cache data is garbage collected after 30 minutes
        cacheTime: 30 * 60 * 1000,
        // Retry failed requests twice before throwing an error
        retry: 2,
        // Refetch data in the background if it becomes stale
        refetchOnWindowFocus: true
      }
    }
  })
});