docs/app/providers.tsx

"use client";

import { RouterContextProvider } from "@/contexts/RouterContext";
import { theme } from "@/utils/theme";
import { ThemeProvider } from "@emotion/react";
import { NextUIProvider } from "@nextui-org/react";
import { PropsWithChildren } from "react";

export default function Providers({ children }: PropsWithChildren) {
    return (
        <ThemeProvider theme={theme}>
            <NextUIProvider>
                <RouterContextProvider>{children}</RouterContextProvider>
            </NextUIProvider>
        </ThemeProvider>
    );
}
1	"use client";
2
3	import { RouterContextProvider } from "@/contexts/RouterContext";
4	import { theme } from "@/utils/theme";
5	import { ThemeProvider } from "@emotion/react";
6	import { NextUIProvider } from "@nextui-org/react";
7	import { PropsWithChildren } from "react";
8
9	export default function Providers({ children }: PropsWithChildren) {
10	return (
11	<ThemeProvider theme={theme}>
12	<NextUIProvider>
13	<RouterContextProvider>{children}</RouterContextProvider>
14	</NextUIProvider>
15	</ThemeProvider>
16	);
17	}