Как я могу добавить всплывающие подсказки на вкладки в реагировать?

Question

Я изо всех сил пытался добавить всплывающие подсказки для вкладок в реакции. Я смог добавить их к кнопкам просто отлично с помощью следующего фрагмента, используя всплывающую подсказку из response-bootstrap, но когда я обертываю элемент tab с помощью OverlayTrigger из response-bootstrap, это приводит к исчезновению вкладки:

  <OverlayTrigger placement="bottom" overlay={<Tooltip id="tooltip">TooltipTest</Tooltip>}>
   <Button bsStyle="default">Test Button</Button>
  </OverlayTrigger>

Я пытался использовать всплывающую подсказку изact-bootstrap, ReactToolTip fron Reaction-tooltip и Tooltip из Reactionstrap, но все это приводит к исчезновению вкладки или только к тому, что текст на вкладке вызывает всплывающую подсказку.

Вот моя функция рендеринга:

render() {

    return (
      <Tabs activeKey={this.state.key} onSelect={this.handleSelect} id="controlled-tab-example">
        <Tab eventKey={1} title="Summary">Summary View</Tab>
        <Tab eventKey={2} title="All Trades">All Trades Report</Tab>
        <Tab eventKey={3} title="Reports">Reports</Tab>
        <Tab eventKey={4} title="Completeness - ABC Only">Completeness - ABC Only</Tab>
        <Tab eventKey={5} title="Completeness - DEF Only">Completeness - DEF Only</Tab>
        <Tab eventKey={6} title="Completeness - Matches">Completeness - Matches</Tab>
        <Tab eventKey={7} title="Unmatched">Unmatched</Tab>
        <Tab eventKey={8} title="Rejects">Rejects</Tab>
        <Tab eventKey={9} title="Amendments">Amendments</Tab>
        <Tab eventKey={10} title="Late Trades">Late Trades</Tab>
      </Tabs>
    );
  }