2
0

react-query.tsx 605 B

1234567891011121314151617181920212223
  1. /**
  2. * React Query 配置 - 用于数据获取和状态管理
  3. */
  4. 'use client';
  5. import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
  6. import { useState, type ReactNode } from 'react';
  7. export function QueryProvider({ children }: { children: ReactNode }) {
  8. const [queryClient] = useState(
  9. () =>
  10. new QueryClient({
  11. defaultOptions: {
  12. queries: {
  13. staleTime: 60 * 1000, // 1 分钟
  14. refetchOnWindowFocus: false,
  15. },
  16. },
  17. })
  18. );
  19. return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
  20. }