From f0c8b9680a6c6e6800544bf53ae6b237bf9a2bb4 Mon Sep 17 00:00:00 2001
From: Amirhossein Mahmoodi <amir.mahmoodi74@gmail.com>
Date: Sun, 18 Aug 2024 15:25:31 +0330
Subject: [PATCH] fixed bug

---
 .../headerWithSidebar/HeaderMenu/index.jsx    | 33 ++++++++++---------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/components/layouts/dashboard/headerWithSidebar/HeaderMenu/index.jsx b/src/components/layouts/dashboard/headerWithSidebar/HeaderMenu/index.jsx
index 5dcf168..0d87a5d 100644
--- a/src/components/layouts/dashboard/headerWithSidebar/HeaderMenu/index.jsx
+++ b/src/components/layouts/dashboard/headerWithSidebar/HeaderMenu/index.jsx
@@ -30,24 +30,25 @@ const HeaderMenu = ({ menu }) => {
                 open={open}
                 onClose={handleClose}
             >
-                {menu.subMenu.map((subMenu, index) => (
-                    <>
-                        {subMenu.map(sub => (
-
-                            <MenuItem component={NextLink} href={sub.href} key={sub.title} onClick={handleClose}>
-                                <ListItemIcon>
-                                    <Link fontSize="small" />
-                                </ListItemIcon>
-                                <ListItemText>{sub.title}</ListItemText>
-                            </MenuItem>
-                        ))}
-                        {menu.subMenu.length - 1 !== index && (
-                            <Divider />
-                        )}
-                    </>
-                ))}
+                {menu.subMenu.flatMap((subMenu, index) => [
+                    ...subMenu.map(sub => (
+                        <MenuItem
+                            component={NextLink}
+                            href={sub.href}
+                            key={sub.title}
+                            onClick={handleClose}
+                        >
+                            <ListItemIcon>
+                                <Link fontSize="small" />
+                            </ListItemIcon>
+                            <ListItemText>{sub.title}</ListItemText>
+                        </MenuItem>
+                    )),
+                    index < menu.subMenu.length - 1 && <Divider key={`divider-${index}`} />
+                ])}
             </Menu>
         </>
     );
 };
+
 export default HeaderMenu;