From f1301140bad784c17c2bd0251d0449a8f134353b Mon Sep 17 00:00:00 2001
From: Mahyar Khanbolooki <mahyarkhn@proton.me>
Date: Tue, 1 Jul 2025 18:08:25 +0330
Subject: [PATCH] add: auth layout with react query provider

---
 src/app/auth/layout.tsx                         | 11 +++++++++++
 src/components/providers/ReactQueryProvider.tsx | 16 ++++++++++++++++
 2 files changed, 27 insertions(+)
 create mode 100644 src/app/auth/layout.tsx
 create mode 100644 src/components/providers/ReactQueryProvider.tsx

diff --git a/src/app/auth/layout.tsx b/src/app/auth/layout.tsx
new file mode 100644
index 0000000..bcfb0cc
--- /dev/null
+++ b/src/app/auth/layout.tsx
@@ -0,0 +1,11 @@
+import { ReactQueryProvider } from '@/components/providers/ReactQueryProvider'
+
+export default function AuthLayout({ children }: { children: React.ReactNode }) {
+    return (
+        <ReactQueryProvider>
+            <div className="min-h-screen grid">
+                {children}
+            </div>
+        </ReactQueryProvider>
+    )
+}
diff --git a/src/components/providers/ReactQueryProvider.tsx b/src/components/providers/ReactQueryProvider.tsx
new file mode 100644
index 0000000..82f24c3
--- /dev/null
+++ b/src/components/providers/ReactQueryProvider.tsx
@@ -0,0 +1,16 @@
+'use client'
+
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
+import { useState } from 'react'
+
+export function ReactQueryProvider({ children }: { children: React.ReactNode }) {
+  const [queryClient] = useState(() => new QueryClient())
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      {children}
+      <ReactQueryDevtools initialIsOpen={false} />
+    </QueryClientProvider>
+  )
+}