From bb16d65600d431f9d7d3963322ca48498f24e542 Mon Sep 17 00:00:00 2001
From: Timo Heddes <timo.heddes@gmail.com>
Date: Thu, 31 Aug 2023 09:33:37 +0100
Subject: [PATCH] chore: update Accordion implementation [tools]

---
 .../Common/Layout/partials/Sidebar/Menu.tsx       | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/packages/apps/tools/src/components/Common/Layout/partials/Sidebar/Menu.tsx b/packages/apps/tools/src/components/Common/Layout/partials/Sidebar/Menu.tsx
index d81e99bd70a..6d71fc5ae19 100644
--- a/packages/apps/tools/src/components/Common/Layout/partials/Sidebar/Menu.tsx
+++ b/packages/apps/tools/src/components/Common/Layout/partials/Sidebar/Menu.tsx
@@ -19,14 +19,13 @@ export const Menu: FC = () => {
           title={activeMenu.title}
         />
       </div>
-      <Accordion
-        sections={
-          activeMenu.items?.map((item) => ({
-            title: '', // @todo: fix Type error: Property 'title' does not exist on type 'ISidebarSubMenuItem'.
-            children: <Tree isOpen={true} items={item.items} />,
-          })) ?? []
-        }
-      />
+      <Accordion.Root>
+        {activeMenu.items?.map((item, index) => (
+          <Accordion.Section title="" key={index}>
+            <Tree isOpen={true} items={item.items} />
+          </Accordion.Section>
+        ))}
+      </Accordion.Root>
     </div>
   );
 };