Este es el flatmap :

 const options = names.flatMap( (object) => object.name + " - " + object.size + "- " + object.category );

console.log(options) :

Si object.category es igual a S-XL ¿cómo no puedo mostrar sus valores? Pero si object.category es igual a demasiado ft , mostrará object.category . Cualquier ayuda sería apreciada. Gracias

Usaré el flatMap aquí:

 <Autocomplete disablePortal isOptionEqualToValue={(option, value) => option?.label === value?.label} id="combo-box-demo" options={options} fullWidth value={value} onChange={onChange} renderInput={(params) => <TextField {...params} label="Products" />} required />