Ant desgin создает модал в определенном контексте (не затеняет весь экран)

Question

Я использую Ant Design 3.9 *
При использовании Modal по умолчанию весь экран неактивен. но я хочу, чтобы только определенный компонент / html был серым.

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

https://codesandbox.io/s/xenodochial-torvalds-rsdyr?file= / index. js

 <div>
        <Button type="primary" onClick={this.showModal}>
          Open Modal
        </Button>
        <div
          style={{ width: "100%", height: "500px", border: "solid 1px red" }}
        >
          Modal container, I want to grey out this box
          <Modal
            title="Basic Modal"
            visible={this.state.visible}
            onOk={this.handleOk}
            onCancel={this.handleCancel}
          >
            <p>Some contents...</p>
            <p>Some contents...</p>
            <p>Some contents...</p>
          </Modal>
        </div>
      </div>