Material UI Tooltip Stays Open after triggered Dialog is closed : <p>My assumption is the state of the Dialog is causing the issue, but I have not been able to figure this out. The Tooltip works as intended until the IconButton is clicked. The Dialog pops up as it should but when the dialog is exited, the Tooltip pops up as active.</p>

<pre><code>class DeleteDocument extends React.Component {
  state = {
    open: false,
  };

  onDeleteFile() {
    try {
      ensureJobIsUnlocked();
    } catch (err) {
      return;
    }

    const confirmedByUser = true;
    if (confirmedByUser) {
      this.props.onDeleteFile(this.props.selectedDocument.id);
      this.setState({ open: false });
    }
  }

  handleClickOpen = () =&gt; {
    this.setState({ open: true });
  };

  handleClose = () =&gt; {
    this.setState({ open: false });
  };

  render() {
    return (
      &lt;div&gt;
        &lt;Tooltip id="tooltip-icon" title="Delete Document"&gt;
          &lt;div&gt;
            &lt;IconButton
              disabled={(this.props.selectedDocument == null)}
              onClick={this.handleClickOpen}
            &gt;
              &lt;DeleteIcon /&gt;
            &lt;/IconButton&gt;
          &lt;/div&gt;
        &lt;/Tooltip&gt;
        &lt;Dialog
          open={this.state.open}
          onClose={this.handleClose}
          aria-labelledby="alert-dialog-title"
          aria-describedby="alert-dialog-description"
        &gt;
          &lt;DialogTitle id="alert-dialog-title"&gt;{'Delete Document'}&lt;/DialogTitle&gt;
          &lt;DialogContent&gt;
            &lt;DialogContentText id="alert-dialog-description"&gt;
              This will delete the currently active PDF/Component Design. Are you sure you want to do this?
            &lt;/DialogContentText&gt;
          &lt;/DialogContent&gt;
          &lt;DialogActions&gt;
            &lt;Button onClick={this.handleClose} color="primary"&gt;
              Cancel
            &lt;/Button&gt;
            &lt;Button onClick={this.onDeleteFile.bind(this)} color="primary" autoFocus&gt;
              Delete
            &lt;/Button&gt;
          &lt;/DialogActions&gt;
        &lt;/Dialog&gt;
      &lt;/div&gt;
    );
  }
}
</code></pre>
