djlee product

apps/wr/app/base.tsx

@@ -1,26 +1,24 @@
 "use client"
-import { BaseLayout } from "@common/components/ui";
-import { useWrStore } from "./store";
-import { MainDiv } from "@common/business_components/ui";
-import type { MenuItem } from "./store/common/type/menu";
-
+import { BaseLayout } from "@common/components/ui"
+import { useWrStore } from "./store"
+import { MainDiv } from "@common/business_components/ui"
+import type { MenuItem } from "./store/common/type/menu"
+import { useRouter } from "next/navigation"
 export default function Base({
   children,
-  changeMenu,
 }: Readonly<{
-  children: React.ReactNode;
-  changeMenu: (path: string) => void;
+  children: React.ReactNode
 }>) {
-  const { getMenuAuthrts } = useWrStore((state) => state);
+  const { getMenuAuthrts } = useWrStore((state) => state)
+  const router = useRouter()
 
+  const changeMenu = (path: MenuItem) => {
+    getMenuAuthrts(path.menuCd)
+    router.push(path.urlPath)
+  }
   return (
-    <BaseLayout
-      handleMenuClick={(e: MenuItem) => {
-        getMenuAuthrts(e.menuCd);
-        changeMenu(e.urlPath);
-      }}
-    >
+    <BaseLayout handleMenuClick={changeMenu}>
       <MainDiv>{children}</MainDiv>
     </BaseLayout>
-  );
+  )
 }

apps/wr/app/layout.tsx

@@ -5,7 +5,6 @@ import koBase from "../public/locales/ko/message.json";
 import i18next from "i18next";
 import { I18nextProvider } from "react-i18next";
 import Base from "./base";
-import { useRouter } from "next/navigation"; // ✅ App Router 전용
 
 export default function RootLayout({
   children,
@@ -22,21 +21,12 @@ export default function RootLayout({
     },
   });
 
-  const router = useRouter();
-
-const changeMenu = (path: string) => {
-  router.push(path);
-};
- 
-
   return (
     <html lang="en">
       <body>
         <I18nextProvider i18n={i18next}>
           <StoreProvider>
-            <Base
-              changeMenu={changeMenu}
-            >
+            <Base>
               {children}
             </Base>
           </StoreProvider>