React - Modal display black screen

Question

all right ?

I have a problem of displaying a modal in a Komponent React, it happens that when we click to present the modal display the screen turns dark and ends up crashing the browser

In the code I have the following excerpts:

Menu responsible for calling the modal:

<li><button type="button" onClick={this.showModal}>Import File</button></li>

Function:

showModal = () => { this.refs.modal.show() }

Part of the component:

<Modal className="swagger-ui modal" ref="modal">
          <div className="container">
            <h2>Upload file</h2>
            <input type="file" ref="fileLoadInput"></input>
          </div>
          <div className="right">
            <button className="btn cancel" onClick={this.hideModal}>Cancel</button>
            <button className="btn" onClick={this.importFromFile}>Open file</button>
          </div>
        </Modal>

I can’t figure out what’s causing the problem ?