OverlayTrigger реагирует на загрузку с вложенным Popover, не работает, реагирует 16

Question

Я пытаюсь обновить приложение React до 16+. Я использую реагирующий загрузчик с OverlayTrigger с CustomPopover, который является просто элементом Popover. До обновления все отлично работает. Теперь появляется OverlayTrigger, но когда я нажимаю на ссылки в CustomPopover, модальное изображение не появляется. This.state.showConstraintEditorModal обновляется до true, но ничего не отображается. Вот соответствующий код:

            <OverlayTrigger
              ref={c => { this.overlayTrigger = c; }}
              rootClose
              trigger="click"
              placement="top"
              overlay={
                <CustomPopover>
                  <ul className="list-group">
                    <li className="list-group-item">
                      <Button bsStyle="link" id="btn-new-item-constraint" data-type="Item" onClick={this.newConstraint}>Item Constraint</Button>
                    </li>
                    <li className="list-group-item">
                      <Button bsStyle="link" id="btn-new-passage-constraint" data-type="Passage" onClick={this.newConstraint}>Passage Constraint</Button>
                    </li>
                  </ul>
                </CustomPopover>
            </OverlayTrigger>

     {constraint &&
        <Modal
          title="Constraint Editor"
          id="constraint-modal"
          bsSize="large"
          onHide={(e) => this.closeModal('showConstraintEditorModal', e)}
          show={this.state.showConstraintEditorModal}
          showModalFooter={false}
          keyboard
        >
          <p className="pull-right">Apply one or many attribute filters ( <i className="fa fa-filter text-primary" aria-hidden="true"></i> ) to narrow down your results in the table below.</p>

          <Tabs defaultActiveKey={1} id="item-pool-constraint-tabs">
            <Tab eventKey={1} title={this.state.constraintType === 'Item' ? 'Items' : 'Passages'}>
              <ConstraintTable
                filters={constraint.filters}
                headerTypes={this.state.constraintType === 'Item' ? itemHeaders : passageHeaders}
                data={this.state.constraintType === 'Item' ? items : passages}
                saveFilter={this.manageFilterState}
                afterColumnFilter={this.manageQualifiedObjects}
                defaultSortName={this.state.defaultSortName}
                disabled={status === 'f'}
                hiddenColumn={this.state.itemSequence}
              />

              <ConstraintBuilder
                handleClose={(e) => this.closeModal('showConstraintEditorModal')}
                parentHandleSubmit={this.saveConstraint}
                constraint={constraint}
                constraints={constraints}
                constraintId={this.state.constraintId}
                dataType={this.state.constraintType === 'Item' ? 'items' : 'passages'}
                disabled={status === 'f'}
              />
            </Tab>
          </Tabs>

        </Modal>