query-provider.tsx 653 B

1234567891011121314151617181920212223242526272829
  1. // QueryProvider.tsx
  2. import React from "react";
  3. import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
  4. const defaultQueryClientConfig = {
  5. defaultOptions: {
  6. queries: {
  7. retry: false,
  8. refetchOnWindowFocus: false,
  9. staleTime: 5 * 60 * 1000, // 5 minutes
  10. },
  11. },
  12. };
  13. interface QueryProviderProps {
  14. children: React.ReactNode;
  15. }
  16. const QueryProvider: React.FC<QueryProviderProps> = ({ children }) => {
  17. const queryClient = new QueryClient({
  18. ...defaultQueryClientConfig,
  19. });
  20. return (
  21. <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
  22. );
  23. };
  24. export default QueryProvider;