"use client"

import type { JSX, ReactNode } from "react"

import { QueryClientProvider as QueryClientProviderTanstack } from "@tanstack/react-query"

import { queryClient } from "@shared/lib/query_client"

export const QueryClientProvider = ({
	children,
}: {
	children: ReactNode
}): JSX.Element => {
	return (
		<QueryClientProviderTanstack client={queryClient}>
			{children}
		</QueryClientProviderTanstack>
	)
}
