Failed prop type: Invalid prop `children` of type `array` supplied to `ForwardRef(ListItemIcon)`, expected a single ReactElement.

Failed prop type: Invalid prop children of type array supplied to ForwardRef(ListItemIcon), expected a single ReactElement.

<ListItem style={{“marginTop”:“-16px”,“marginBottom”: “-7px”}} button key={i+“i”} > <ListItemIcon key={i+ subOption.text+‘d’ } className={classes.menuPosition}><span key={ subOption.text+1+i+1 } className={subOption.icon}/> </ListItemIcon> <ListItemText style={{marginBottom:‘-5px’,marginTop:‘-8px’, padding:‘0px 16px’}} key={i+ subOption.text+‘e’} primary={ subOption.text } className=“menu-text-Color” /> </ListItem>

[nagad814]

My code <ListItemIcon> <HomeIcon className={classes.icon}/> </ListItemIcon> showed the same error. When i remove the white space and moved to new line i was able to remove the error

[iagokrt]

i just have the same error, wrapping all inside a fragment (</>) resolved:

<ActionButton>
   <>
      <OtherComponentButton />
      <OtherComponentButton />
    </>
</ActionButton>