provider.tsx

'use client'

import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
import { SessionProvider } from 'next-auth/react'
import React from "react"

export default function Providers({ children }: React.PropsWithChildren) {
    const [client] = React.useState(
        new QueryClient({ defaultOptions: { queries: { staleTime: 5000 } } })
    )

    return (
        <QueryClientProvider client={client}>
            <SessionProvider refetchOnWindowFocus={false}>
                {children}
            </SessionProvider>
        </QueryClientProvider>
    )
}