无法在三值条件下呈现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