ssu-commerce
diff --git a/‎apps/commerce/app/layout.tsx‎
Lines changed: 5 additions & 11 deletions b/‎apps/commerce/app/layout.tsx‎
Lines changed: 5 additions & 11 deletions
diff --git a/‎apps/commerce/package.json‎
Lines changed: 2 additions & 1 deletion b/‎apps/commerce/package.json‎
Lines changed: 2 additions & 1 deletion
diff --git a/‎apps/commerce/provider/emotion.tsx‎ renamed to ‎apps/commerce/providers/emotion.tsx‎ b/‎apps/commerce/provider/emotion.tsx‎ renamed to ‎apps/commerce/providers/emotion.tsx‎
diff --git a/‎apps/commerce/providers/index.tsx‎
Lines changed: 16 additions & 0 deletions b/‎apps/commerce/providers/index.tsx‎
Lines changed: 16 additions & 0 deletions
diff --git a/‎apps/commerce/provider/reactQuery.tsx‎ renamed to ‎apps/commerce/providers/reactQuery.tsx‎ b/‎apps/commerce/provider/reactQuery.tsx‎ renamed to ‎apps/commerce/providers/reactQuery.tsx‎
diff --git a/‎apps/commerce/provider/theme.tsx‎ renamed to ‎apps/commerce/providers/theme.tsx‎ b/‎apps/commerce/provider/theme.tsx‎ renamed to ‎apps/commerce/providers/theme.tsx‎
diff --git a/‎pnpm-lock.yaml‎
Lines changed: 31 additions & 0 deletions b/‎pnpm-lock.yaml‎
Lines changed: 31 additions & 0 deletions
@@ -1,7 +1,5 @@
 import type { Metadata } from "next";
-import StyledJsxProvider from "provider/emotion";
-import { ThemeProvider } from "provider/theme";
-import { ReactQueryProvider } from "provider/reactQuery";
+import Providers from "../providers";
 import styled from "./root.module.css";
 
 export const metadata: Metadata = {
@@ -18,14 +16,10 @@ const RootLayout = ({
     <html lang="ko">
       <head />
       <body className={styled.body} suppressHydrationWarning>
-        <ReactQueryProvider>
-          <StyledJsxProvider>
-            <ThemeProvider>
-              {children}
-              <div id="portal" />
-            </ThemeProvider>
-          </StyledJsxProvider>
-        </ReactQueryProvider>
+        <Providers>
+          {children}
+          <div id="portal" />
+        </Providers>
       </body>
     </html>
   );
 
@@ -25,7 +25,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-slick": "^0.29.0",
-    "slick-carousel": "^1.8.1"
+    "slick-carousel": "^1.8.1",
+    "zustand": "^4.5.2"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^13.4.19",
 
@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+import { ReactQueryProvider } from "./reactQuery";
+import StyledJsxProvider from "./emotion";
+import { ThemeProvider } from "./theme";
+
+const Providers = ({ children }: { children: ReactNode }) => {
+  return (
+    <ReactQueryProvider>
+      <StyledJsxProvider>
+        <ThemeProvider>{children}</ThemeProvider>
+      </StyledJsxProvider>
+    </ReactQueryProvider>
+  );
+};
+
+export default Providers;