Material-ui: [Dialog] onRequestClose tampaknya tidak diaktifkan - apa yang saya lakukan salah?

Saya menguji dengan ReactJS dan menggunakan Material-Ui. Untuk Komponen Uji kecil saya menggunakan Dialog. Saya menggunakan kode yang sama seperti pada contoh Anda, tetapi ini sepertinya tidak berhasil. Mungkin ada bug atau dokumen yang tidak cukup jelas bagi saya.

Ini Kodenya

const {Dialog, FlatButton} = MUI;

Home = React.createClass({
  getInitialState() {
    return {
      welcomeModal: false
    };
  },
  openWelcomeDialog() {
    this.setState({welcomeModal:true});
  },
  closeWelcomeDialog(buttonClicked) {
    console.log('Close The Welcome Dialog.');
    this.setState({welcomeModal:false});
  },
  render() {
    let modalActions = [
      { text: 'Cancel' }
    ];
    return (
      <div>
        <h1>Welcome to my app</h1>
        <a href="#" onClick={this.openWelcomeDialog}>Open the Welcome Modal</a>
        <Dialog
          title="Welcome Modal"
          actions={modalActions}
          autoDetectWindowHeight={true}
          autoScrollBodyContent={true}
          open={this.state.welcomeModal}
          onRequestClose={this.closeWelcomeDialog}>
        <div style={{height: '1000px'}}>
          Really long content
        </div>
        </Dialog>
      </div>
    );
  }
});

Apa yang terjadi:

Ketika saya mengklik tautan, acara akan diaktifkan dan modal dibuka dengan cara yang benar. Tetapi: Tidak masalah pada apa yang saya klik jika di latar belakang atau di Tombol Batal: Modal tidak akan ditutup dan juga console.log tidak akan diaktifkan ... jadi: Metode tidak akan dipanggil! Dalam contoh saya, tidak mungkin untuk menutup modal.