@thefreshop/tb 1.0.25 → 1.0.27

package/dist/esm/index.js

@@ -353,7 +353,7 @@ const Tabs = ({ nav: { menuSet, openIcon, closeIcon } }) => {
         if (tabInfo) {
             addTabKey(tabInfo);
         }
-    }, [tabKeys]);
+    }, [tabKeys, menuSet, tabList]);
     // 3. 페이지 로드 시 URL을 기반으로 currentTab을 설정하는 useEffect 추가
     useEffect(() => {
         const pathKey = location.pathname.substring(1); // 맨 앞의 '/' 제거
@@ -474,22 +474,20 @@ const NullPage = () => {
 const TbFrame = ({ setting, top, bottom, nav, top_banner, hashmode = false, }) => {
     const { user, errMsg, tabList, setTabList, startTabKey, setStartTabKey } = useTbState();
     useEffect(() => {
-        if (tabList.length === 0) {
-            let p_tabList = [];
-            nav.menuSet.forEach((item) => {
-                item.menuSetting.forEach((sub) => {
-                    p_tabList.push(sub.tab);
-                    sub.children?.forEach((page) => {
-                        p_tabList.push(page.tab);
-                    });
+        let p_tabList = [];
+        nav.menuSet.forEach((item) => {
+            item.menuSetting.forEach((sub) => {
+                p_tabList.push(sub.tab);
+                sub.children?.forEach((page) => {
+                    p_tabList.push(page.tab);
                 });
             });
-            nav?.globalTabs?.forEach((item) => {
-                p_tabList.push(item);
-            });
-            setTabList(p_tabList);
-        }
-    }, [tabList]);
+        });
+        nav?.globalTabs?.forEach((item) => {
+            p_tabList.push(item);
+        });
+        setTabList(p_tabList);
+    }, [nav.menuSet]);
     useEffect(() => {
         if (!errMsg?.isPopup) ;
     }, [errMsg]);
@@ -554,7 +552,7 @@ const TbFrame = ({ setting, top, bottom, nav, top_banner, hashmode = false, }) =
                 },
             ]);
         }
-    }, [hashmode, user]);
+    }, [hashmode, user, top, nav, setting, top_banner, bottom]);
     return React__default.createElement(RouterProvider, { router: router });
 };
 const MainLayout = ({ errMsg, setting, top_banner, nav, user, top, bottom, }) => {