|  |  | 
 |  |  |     const { isPending, permissions } = usePermissions(); | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         // default open sub menu | 
 |  |  |         const defaultExpandMenu = ["menu.warehouse", "menu.dispatcher", "menu.equipment"]; | 
 |  |  |         permissions?.forEach(item => { | 
 |  |  |             if (defaultExpandMenu.includes(item.name)) { | 
 |  |  |                 setState(state => ({ ...state, [item.route]: true })); | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  |     }, [permissions]); | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         // expand this parent menu | 
 |  |  |         const currentPath = location.pathname; | 
 |  |  |         const parentRoutes = findParentRoutes(currentPath, permissions) | 
 |  |  |         for (const parentRoute of parentRoutes) { | 
 |  |  |             setState(state => ({ ...state, [parentRoute]: true })); | 
 |  |  |         } | 
 |  |  |     }, [location.pathname, permissions]); | 
 |  |  |  | 
 |  |  |     }, [location.pathname]); | 
 |  |  |  | 
 |  |  |     const handleToggle = (menu) => { | 
 |  |  |         setState(state => ({ ...state, [menu]: !state[menu] })); |