pse.dev/components/layouts/GlobalProviderLayout.tsx

"use client"

import { GlobalProvider } from "@/app/providers/GlobalProvider"
import { QueryClient, QueryClientProvider } from "@tanstack/react-query"

const queryClient = new QueryClient()

export const GlobalProviderLayout = ({
  children,
}: {
  children: React.ReactNode
}) => {
  return (
    <QueryClientProvider client={queryClient}>
      <GlobalProvider>{children}</GlobalProvider>
    </QueryClientProvider>
  )
}