в том числе диалог в карточках для материала пользовательского интерфейса

Question

Я новичок в угловом интерфейсе и пытаюсь объединить интерфейс карты и интерфейс диалогов. Я включил код в песочницу.

Когда я нажимаю кнопку избранного, мне нужно показать всплывающее окно, но проблема в том, что он не отображается.

Я отладил код, и он печатается на консоли в методе handleClickOpen.

Я не вижу ошибок в консоли, подскажите, как это исправить?

Ниже приведен мой фрагмент кода ...

https://codesandbox.io/s/736lz8n1kx

handleClickOpen = () => {
    console.log("handleClickOpen--->");
    this.setState({ open: true });
  };

<CardActions className={classes.actions} disableActionSpacing>
          <IconButton
            onClick={this.handleClickOpen}
            aria-label="Add to favorites"
          >
            <FavoriteIcon />
          </IconButton>