From 34706291e7685c4d0fc4504de288e1755f677069 Mon Sep 17 00:00:00 2001
From: hiba-aldalaty <hibaaldalaty@gmail.com>
Date: Wed, 24 Nov 2021 11:16:53 +0000
Subject: [PATCH] Move destructuring of the props into function
 SidebarSubmenuItem

Signed-off-by: hiba-aldalaty <hibaaldalaty@gmail.com>
---
 packages/core-components/api-report.md                   | 9 +++------
 .../src/layout/Sidebar/SidebarSubmenuItem.tsx            | 8 ++------
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/packages/core-components/api-report.md b/packages/core-components/api-report.md
index d622595630..f11cb6f3cc 100644
--- a/packages/core-components/api-report.md
+++ b/packages/core-components/api-report.md
@@ -1994,12 +1994,9 @@ export const SidebarSubmenu: ({
 }: PropsWithChildren<SidebarSubmenuProps>) => JSX.Element;
 
 // @public
-export const SidebarSubmenuItem: ({
-  title,
-  to,
-  icon: Icon,
-  dropdownItems,
-}: SidebarSubmenuItemProps) => JSX.Element;
+export const SidebarSubmenuItem: (
+  props: SidebarSubmenuItemProps,
+) => JSX.Element;
 
 // @public
 export type SidebarSubmenuItemProps = {
diff --git a/packages/core-components/src/layout/Sidebar/SidebarSubmenuItem.tsx b/packages/core-components/src/layout/Sidebar/SidebarSubmenuItem.tsx
index eccb3475fb..2aa7b54f09 100644
--- a/packages/core-components/src/layout/Sidebar/SidebarSubmenuItem.tsx
+++ b/packages/core-components/src/layout/Sidebar/SidebarSubmenuItem.tsx
@@ -113,12 +113,8 @@ export type SidebarSubmenuItemProps = {
  *
  * @public
  */
-export const SidebarSubmenuItem = ({
-  title,
-  to,
-  icon: Icon,
-  dropdownItems,
-}: SidebarSubmenuItemProps) => {
+export const SidebarSubmenuItem = (props: SidebarSubmenuItemProps) => {
+  const { title, to, icon: Icon, dropdownItems } = props;
   const classes = useStyles();
   const { pathname: locationPathname } = useLocation();
   const { pathname: toPathname } = useResolvedPath(to);