Material-ui: [Dialog] onRequestClose parece no ser despedido - ¿qué estoy haciendo mal?

Estoy probando con ReactJS y usando Material-Ui. Para un pequeño componente de prueba, estoy usando Dialog. Estoy usando el mismo código que en su ejemplo, pero parece que no funciona. Tal vez haya un error o los documentos no fueron lo suficientemente claros para mí.

Aquí está el código

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

Lo que pasa:

Cuando hago clic en el enlace, el evento se activará y el modal se abrirá de la manera correcta. Pero: No importa en qué esté haciendo clic, si está en segundo plano o en el botón Cancelar: el Modal no se cerrará y tampoco se disparará el archivo console.log ... entonces: ¡No se llamará al método! En mi ejemplo, es imposible cerrar el modal.