He usado menu y menu.item de ant, pero me enfrento a un problema porque estoy usando un componente de reacción para dibujar el menú para una matriz de lista que incluye menús y submenús.

así es como se ve

y este es mi codigo

 <StyledCollapse ghost> {categoriesTree ? ( categoriesTree.map((item, index) => { return ( <Panel key={index} header={<StyledCategoryRow>{item.name}</StyledCategoryRow>}> <StyledMenu multiple={false}> {item.names.map((category, index) => { return ( <StyledPlanMenuItem key={index}> <Row align="middle" gutter={[8, 0]}> <Col span={24}> <Link to={getUrl(`/${category.name.replace(/\s/g, '')}`)}> {category.name} </Link> </Col> </Row> </StyledPlanMenuItem> ); })} </StyledMenu> </Panel> ); }) ) : ( <Spin /> )} </StyledCollapse>

quiero seleccionar solo un menú.elemento a la vez