Merge pull request #25825 from storybookjs/norbert/fix-memo-in-ui

UI: Fix sidebar top and bottom addons not showing
storybookjs · Jan 31, 2024 · 69fcccd · 69fcccd
2 parents 00de039 + 5fb747d
commit 69fcccd
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/code/ui/manager/src/container/Sidebar.tsx b/code/ui/manager/src/container/Sidebar.tsx
@@ -45,9 +45,9 @@ const Sidebar = React.memo(function Sideber({ onMenuClick }: SidebarProps) {
     const bottomItems = api.getElements(Addon_TypesEnum.experimental_SIDEBAR_BOTTOM);
     const topItems = api.getElements(Addon_TypesEnum.experimental_SIDEBAR_TOP);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const bottom = useMemo(() => Object.values(bottomItems), [...Object.values(bottomItems)]);
+    const bottom = useMemo(() => Object.values(bottomItems), [Object.keys(bottomItems).join('')]);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const top = useMemo(() => Object.values(topItems), [...Object.values(topItems)]);
+    const top = useMemo(() => Object.values(topItems), [Object.keys(topItems).join('')]);
 
     return {
       title: name,