diff --git a/packages/picasso/src/SidebarMenu/SidebarMenu.tsx b/packages/picasso/src/SidebarMenu/SidebarMenu.tsx index 3302fd53d5a..877283c6095 100644 --- a/packages/picasso/src/SidebarMenu/SidebarMenu.tsx +++ b/packages/picasso/src/SidebarMenu/SidebarMenu.tsx @@ -8,7 +8,7 @@ import React, { forwardRef, useCallback, useEffect } from 'react' import Menu from '../Menu' import { useSidebarContext } from '../PageSidebar/SidebarContextProvider' import type { SidebarItemProps } from '../SidebarItem' -import { useSubMenuContext } from '../SidebarItem' +import SidebarItem, { useSubMenuContext } from '../SidebarItem' import styles from './styles' export interface Props extends BaseProps, HTMLAttributes { @@ -50,7 +50,7 @@ export const SidebarMenu = forwardRef( }, [parentSidebarItemIndex, setExpandedItemKey, children]) const items = React.Children.map(children, (child, index) => { - if (React.isValidElement(child)) { + if (React.isValidElement(child) && child.type === SidebarItem) { const itemProps: Partial = { variant, isSubMenu,