Initial Code Commit

Project/app/providers.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import * as React from "react";
+import { NextUIProvider } from "@nextui-org/system";
+import { useRouter } from "next/navigation";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+import { ThemeProviderProps } from "next-themes/dist/types";
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+
+export interface ProvidersProps {
+    children: React.ReactNode;
+    themeProps?: ThemeProviderProps;
+}
+
+export function Providers({ children, themeProps }: ProvidersProps) {
+    const router = useRouter();
+    const [queryClient] = React.useState(() => new QueryClient());
+
+    return (
+        <QueryClientProvider client={queryClient}>
+            <NextUIProvider navigate={router.push}>
+                <NextThemesProvider {...themeProps}>{children}</NextThemesProvider>
+            </NextUIProvider>
+        </QueryClientProvider>
+    );
+}