Estoy tratando de representar un ícono mui si se cumple una condición, pero mi aplicación está fallando. Creo que probablemente sea porque estoy llamando a PriceCheckIcon en {}. ¿alguna ayuda?

 <span style={ Price > cinemaWorldPrice ? { color: "green" } : { color: "red" } } > {error && Price > cinemaWorldPrice ? ( <div>{PriceCheckIcon}</div> ) : ( Number(cinemaWorldPrice).toFixed(2) )} </span>

Mensaje de error:

 react-dom.development.js:14757 Uncaught Error: Objects are not valid as a React child (found: object with keys {$$typeof, type, compare}). If you meant to render a collection of children, use an array instead