Material-ui: [संवाद] onRequestClose को निकाल दिया नहीं जा रहा है - मैं क्या गलत कर रहा हूं?

मैं रिएक्टजेएस के साथ परीक्षण कर रहा हूं और सामग्री-यूआई का उपयोग कर रहा हूं। एक छोटे परीक्षण घटक के लिए मैं डायलॉग का उपयोग कर रहा हूं। मैं आपके उदाहरण के समान कोड का उपयोग कर रहा हूं लेकिन ऐसा लगता है कि यह काम नहीं कर रहा है। शायद कोई बग है या डॉक्स मेरे लिए पर्याप्त स्पष्ट नहीं थे।

यहाँ कोड है

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>
    );
  }
});

क्या होता है:

जब मैं लिंक पर क्लिक करता हूं तो घटना को निकाल दिया जाएगा और मोडल सही तरीके से खुल रहा है। लेकिन: इससे कोई फर्क नहीं पड़ता कि मैं पृष्ठभूमि में या रद्द-बटन पर क्या क्लिक कर रहा हूं: मोडल बंद नहीं होगा और कंसोल.लॉग को भी निकाल दिया नहीं जाएगा ... इसलिए: विधि को नहीं कहा जाएगा! मेरे उदाहरण में मोडल को बंद करना असंभव है।