Fix(sidebar): remove items attribute from li element

src/components/AppSidebarNav.js

@@ -37,7 +37,7 @@ export const AppSidebarNav = ({ items }) => {
     )
   }
   const navGroup = (item, index) => {
-    const { component, name, icon, to, ...rest } = item
+    const { component, name, icon, to, items, ...rest } = item
     const Component = component
     return (
       <Component
@@ -47,8 +47,8 @@ export const AppSidebarNav = ({ items }) => {
         visible={___location.pathname.startsWith(to)}
         {...rest}
       >
-        {item.items?.map((item, index) =>
-          item.items ? navGroup(item, index) : navItem(item, index),
+        {items?.map((item, index) =>
+          items ? navGroup(item, index) : navItem(item, index),
         )}
       </Component>
     )

src/components/AppSidebarNav.test.js

@@ -0,0 +1,36 @@
+import React from 'react'
+import { CNavGroup, CNavItem } from '@coreui/react'
+import { AppSidebarNav } from './AppSidebarNav'
+import { HashRouter, Route, Routes } from 'react-router-dom'
+import { render } from '@testing-library/react'
+
+test('renders nav group without items attribute', () => {
+  const navigation = [
+    {
+      component: CNavGroup,
+      name: 'Base',
+      to: '/base',
+      items: [
+        {
+          component: CNavItem,
+          name: 'Item',
+          to: '/base/item',
+        },
+      ],
+    },
+  ]
+
+  const { container } = render(
+    <HashRouter>
+      <Routes>
+        <Route path="/" element={<AppSidebarNav items={navigation} />} />
+      </Routes>
+    </HashRouter>,
+  )
+
+  /* eslint-disable testing-library/no-container */
+  /* eslint-disable testing-library/no-node-access */
+  const groupElement = container.querySelector('.nav-group')
+  expect(groupElement).toBeInTheDocument()
+  expect(groupElement.hasAttribute('items')).toBeFalsy()
+})