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);