docs/app/providers.tsx

"use client";

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

export default function Providers({ children }: PropsWithChildren) {
    return (
        <ThemeProvider theme={theme}>
            <RouterContextProvider>{children}</RouterContextProvider>
        </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 { PropsWithChildren } from "react";
7
8	export default function Providers({ children }: PropsWithChildren) {
9	return (
10	<ThemeProvider theme={theme}>
11	<RouterContextProvider>{children}</RouterContextProvider>
12	</ThemeProvider>
13	);
14	}