Tengo varios errores de consola debido a este componente de función de reacción, dando este error:

El componente seleccionado MUI no acepta un Fragmento como elemento secundario. Considere proporcionar una matriz en su lugar

 function CustomSelectGrouping({ reportList, label }) { return ( <FormControl sx={{ width: '100%' }}> <InputLabel htmlFor="grouped-select">{label}</InputLabel> <Select defaultValue="" id="grouped-select" label="Grouping"> {Object.keys(reportList).map((head) => ( <> <ListSubheader>{head}</ListSubheader> {reportList[head].map(({ id, name }) => <MenuItem value={id}>{`${id} - ${name}`}</MenuItem>)} </> ))} </Select> </FormControl> ); }

Ya intenté usar React.Fragment y Render() pero ninguno de ellos funcionó. ¿Algunas ideas?