conditional render

          {selectedMenus[depth] === label && (
            <SidebarItem.List depth={depth}>
              {children.map((child, i) => {
                const { label } = child;
                const childDepth = depth + 1;
                return (
                  <SidebarItem
                    link={child}
                    handleMenuSelection={handleMenuSelection}
                    key={`child-${label}-${i}`}
                    depth={childDepth}
                    selectedMenus={selectedMenus}
                  />
                );
              })}
            </SidebarItem.List>
          )}