main

src/components/ui/provider.tsx

@@ -6,15 +6,18 @@ import { ColorModeProvider, type ColorModeProviderProps } from "./color-mode";
 import { system } from "../../theme/theme";
 import { Toaster } from "./feedback/toaster";
 import TopLoader from "./top-loader";
+import ReactQueryProvider from "@/provider/react-query-provider";
 
 export function Provider(props: ColorModeProviderProps) {
   return (
     <SessionProvider>
-      <ChakraProvider value={system}>
-        <TopLoader />
-        <ColorModeProvider {...props} />
-        <Toaster />
-      </ChakraProvider>
+      <ReactQueryProvider>
+        <ChakraProvider value={system}>
+          <TopLoader />
+          <ColorModeProvider {...props} />
+          <Toaster />
+        </ChakraProvider>
+      </ReactQueryProvider>
     </SessionProvider>
   );
 }