значок не отображается в реализации, но отображается в демоверсии

Question

• Я пытаюсь добавить значок удаления моей микросхемы.
• нормально работает в демонстрационном материале.
• , но не работает в моем коде.
• Я отладил, но все еще не могу найти проблему.Из-за этой строки появляется значок deleteIcon = {}
• Я попытался изменить тег кнопки на чиповый тег, это будет проблемой
• , предоставив мой фрагмент кода ниже

Не работает https://stackblitz.com/edit/react-cng5am?file=demo.js

рабочая демонстрация https://codesandbox.io/s/qvyvxq7zy6

import DoneIcon from '@material-ui/icons/Done';


        <Chip
          style={{ display: this.state.display ? "" : "none" }}
          label={this.state.chipName}
          onDelete={this.handleDelete}
          color="primary"
          deleteIcon={<DoneIcon />}

        />
        <chip
          style={{ display: this.state.display ? "none" : "" }}
          // aria-owns={anchorEl ? 'simple-menu' : undefined}
          // aria-haspopup="true"
          onClick={this.handleClickOpen}
          color="primary"
          deleteIcon={<DoneIcon />}
        >
          Open Menu
        </chip>