OBTENIENDO el siguiente error para div.container y span.text:
Advertencia: se recibió true para un atributo className no booleano.
Si desea escribirlo en el DOM, pase una cadena en su lugar: className="true" o className={value.toString()}.
return ( Array.isArray(contactDetails) && contactDetails.map((item, index) => { return item.type === DIVIDER ? ( <div key={index}> <Divider variant={"middle"} className={classes.divider} /> <div className={classes.dividerText}>{item.text}</div> </div> ) : ( item.text && ( <div className={classes.container} key={index}> <div className={classes.icon}>{item.icon}</div> <span className={classes.text}>{item.text}</span> </div> )Una de sus classes -props es un boolean . No puede enviar un boolean (verdadero/falso) a className .
Podrías console.log(classes) , luego verás qué prop causa la advertencia.
Significa que al menos uno de los valores de className es booleano en lugar de una cadena. no podemos decir nada más con este trozo de código.