Не может отобразить значок mui в тройном состоянии реакции

Я пытаюсь отобразить значок mui, если выполняется условие, но это приводит к сбою моего приложения. Я полагаю, что это, вероятно, потому, что я вызываю PriceCheckIcon в {}. любая помощь?

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

Сообщение об ошибке:

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