title: Ant Design's maskClosable modal property is not working?
body: <p>I am using ANT Design's modal in another component like so:</p>
  
  <pre><code>import React from "react";
  import {
    Modal,
    Button
  } from "antd";
  
  class SomeModalWrapper extends React.Component {
    constructor(props) {
      super(props);
  
      this.state = {};
    }
  
    handleOk() {
      console.log("OK");
    }
  
    render() {
      const { modalVisible, toggleModal } = this.props;
  
      return (
        &lt;Modal
          title="Some Title"
          visible={modalVisible}
          width={300}
          className=""
          destroyOnClose={true}
          footer={[
            &lt;Button key="back" onClick={() =&gt; toggleModal()}&gt;
              Return
            &lt;/Button&gt;,
            &lt;Button key="submit" type="primary" onClick={this.handleOk}&gt;
              Submit
            &lt;/Button&gt;
          ]}
        &gt;
          // some other content
        &lt;/Modal&gt;
      );
    }
  }
  
  export default SomeModalWrapper;
  </code></pre>
  
  <p>This  component is in turn being called by a parent component like so:</p>
  
  <pre><code>import React from "react";
  
  class SomeComponent extends React.Component {
    constructor(props) {
      super(props);
  
      this.state = { 
          modalVisible: false
      };
    }
  
    toggleModal() {
      const { modalVisible } = this.state;
      this.setState({ modalVisible: !modalVisible });
    }
  
    render() {
      const { modalVisible } = this.state;
  
      return (
        &lt;div&gt;
         // some non-modal content     
  
         &lt;button onClick={() =&gt; this.toggleModal()}&gt;Toggle Modal&lt;/button&gt;
  
          &lt;SomeModalWrapper
              modalVisible={modalVisible}
              toggleModal={this.toggleModal}
          /&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default SomeComponent;
  </code></pre>
  
  <p>All buttons work fine (showing and hiding). However, when I click the area outside the modal, by right, the modal should automatically close as the <code>maskClosable</code> property is set to <code>true</code> by default. And even if I specifically place it in the modal as <code>maskClosable: true</code>, it still doesn't work.</p>
  
  <p>Not sure what's going on? Is it because the modal is wrapped in another component?</p>