I have this code {categorias.filter(category => category.menu).map((category, index) => ( <li key={index} className="dropdown"> <OverlayTrigger placement="bottom" overlay={<Tooltip className="bg-transparent" >{getTextByKey('tooltip-practicerdo')}</Tooltip>}> <NavLink to={`shop/${category.id}/0/0/0/0/normal`} id="dropdownMenuButton1" className="py-1 px-2 py-md-2 px-xl-3 gray-1-color d-flex align-items-center source-sans" data-bs-toggle="dropdown" aria-expanded="false"> <span>{extractNameFromLocate(category)}</span> <Icon icon="material-symbols:keyboard-arrow-down"></Icon> : '' </NavLink> </OverlayTrigger> <ul className="dropdown-menu" aria-labelledby="dropdownMenuButton1"> { getCategoriesFromParent(category.id).map((subitem, subkey) =>( <li key={subkey}> <Link to={`shop/${category.id}/${subitem.id}/0/0/0/normal`} className="dropdown-item gray-1-color"> {getPropiertyByLocale(subitem.names, "nombre")} </Link> </li> )) } </ul> </li> ))} and I need to show Icon only if I have element in { getCategoriesFromParent(category.id).map((subitem, subkey) =>( <li key={subkey}> <Link to={`shop/${category.id}/${subitem.id}/0/0/0/normal`} className="dropdown-item gray-1-color"> {getPropiertyByLocale(subitem.names, "nombre")} </Link> </li> )) }

{ getCategoriesFromParent(category.id).length > 0 && <Icon icon="material-symbols:keyboard-arrow-down"></Icon>}