"use client"
import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
// @ts-ignore
import { ReactQueryStreamedHydration } from "@tanstack/react-query-next-experimental"
import { ReactQueryDevtools } from '@tanstack/react-query-devtools'


function ReactQueryProvider({ children }: React.PropsWithChildren) {
    const client = new QueryClient()

    return (
        <QueryClientProvider client={client}>
            <ReactQueryStreamedHydration>
                {children}
            </ReactQueryStreamedHydration>
            <ReactQueryDevtools initialIsOpen={false} />
        </QueryClientProvider>
    )
}

export default ReactQueryProvider