Incorrect rendering result with React.Fragment in List

[gaohomway]

Use as follows

            <List mediaList className="no-margin comment-list" noHairlines style={{ overflowY: 'scroll'}}>
                {commentList.map((comment, index) => (
                    <React.Fragment key={index} >
                        <ListItem link="#"
                                  title={comment.user.name}
                                  text={comment.text}
                                  popoverOpen=".popover-menu"
                                  onClick={() => onCommentRow(comment, null) }>
                            <img slot="media" src={avatarCDN + comment.user.avatar }
                                 alt={ comment.user.name } className="avatar-32"  />
                        </ListItem>
                    </React.Fragment>
                ))}
            </List>

render result

Tried with <></> same result

[simeonov]

Im having the same issue. I tried with dynamic creation - React.createElement without succsess. I can't find the solution on this. Also if ListItem comes from another components it forces to be rendered ouside