21 lines
		
	
	
		
			531 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			21 lines
		
	
	
		
			531 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
'use client';
 | 
						|
 | 
						|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 | 
						|
import { ReactNode, useState } from 'react';
 | 
						|
 | 
						|
export function Providers({ children }: { children: ReactNode }) {
 | 
						|
  const [queryClient] = useState(
 | 
						|
    () =>
 | 
						|
      new QueryClient({
 | 
						|
        defaultOptions: {
 | 
						|
          queries: {
 | 
						|
            staleTime: 60 * 1000, // 1 minute
 | 
						|
            refetchOnWindowFocus: false,
 | 
						|
          },
 | 
						|
        },
 | 
						|
      }),
 | 
						|
  );
 | 
						|
 | 
						|
  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
 | 
						|
}
 |