Revet to "Release 2.2.0-alpha.8"

Author: Michele-Masciave

src/Layout/PanelSideBarLayout/PanelSideBar/Context/PanelSideBarContext.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentType, createContext, ReactNode, useContext, useEffect, useState } from "react";
+import React, { ComponentType, createContext, ReactNode, useContext, useState } from "react";
 import { PanelItem, PanelMenuItem } from "../Definitions/PanelSideBarMenuItem";
 
 export interface PanelLinkRendererProps<T> {
@@ -41,12 +41,6 @@ export const PanelSideBarProvider = <TPanelItem, TMenuItem>(props: PanelSideBarM
 
   const [toggledMenuItemIds, setToggledMenuItemIds] = useState<string[]>([]);
 
-  useEffect(() => {
-    globalItems.forEach((section) =>
-      section.items.filter((i) => i.expanded).forEach((e) => setToggledMenuItemIds((prev) => [...prev, e.id])),
-    );
-  }, []);
-
   const setActivePanel = (panelId: string) => setActivePanelId(panelId);
 
   const toggleMenuItem: MenuItemToggleFn<TMenuItem> = (menuItem) => {

src/Layout/PanelSideBarLayout/PanelSideBar/PanelSideBarItem.tsx

@@ -19,7 +19,7 @@ const PanelSideBarItem = (props: PanelSideBarItemProps) => {
   const { depth = 0, item, LinkRenderer, onClick, toggledItemIds = [] } = props;
 
   const hasChildren = !!item.children?.length;
-  const isOpen = toggledItemIds?.includes(item.id);
+  const isOpen = toggledItemIds?.includes(item.id) || item.expanded;
 
   if (item.display === false) {
     return null;