From 9e2aeea596da98df592a731d6aa5e96a1854b8c6 Mon Sep 17 00:00:00 2001
From: Thomas Camlong <thomas@ajnart.fr>
Date: Wed, 1 Oct 2025 15:47:18 +0200
Subject: [PATCH] feat(web): add React Query provider wrapper component

---
 web/src/components/providers.tsx | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 web/src/components/providers.tsx

diff --git a/web/src/components/providers.tsx b/web/src/components/providers.tsx
new file mode 100644
index 00000000..0d073027
--- /dev/null
+++ b/web/src/components/providers.tsx
@@ -0,0 +1,25 @@
+'use client'
+
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
+import { useState } from 'react'
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  const [queryClient] = useState(() => new QueryClient({
+    defaultOptions: {
+      queries: {
+        staleTime: 60 * 1000, // 1 minute
+        refetchOnWindowFocus: false,
+      },
+    },
+  }))
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      <ReactQueryDevtools initialIsOpen={false} />
+      {children}
+    </QueryClientProvider>
+  )
+}
+
+