title: react bootstrap tooltip, how do I fire it?
body: <p>Have added a tooltip and trigger to my component, how can i get it to fire the tooltip?</p>
  
  <p>required modules like this:</p>
  
  <pre><code>var Icon = require('./Icon'),
  Tooltip = require('./Tooltip'),
  Button = require('react-bootstrap').Button,
  OverlayTrigger = require('react-bootstrap').OverlayTrigger;
  
  getTooltip: function() {
  
      return &lt;Tooltip text="sample text" /&gt;;
  },
  </code></pre>
  
  <p>Rendering trigger like this:</p>
  
  <pre><code>&lt;OverlayTrigger placement="right" overlay={this.getTooltip()}&gt;
         &lt;Button bsStyle="default"&gt;Button text to trigger&lt;/Button&gt;
  &lt;/OverlayTrigger&gt; 
  </code></pre>
  
  <p>But nothing happens?</p>
  
  <p>How can I get this to fire?</p>
  
  <p>Thanks</p>
  
  <p>Tooltip component is:</p>
  
  <pre><code>var TooltipBS = require('react-bootstrap').Tooltip;
  
  var Tooltip = React.createClass({
  
  render: function() {
  
      return (
          &lt;TooltipBS&gt;
              {this.props.text}
          &lt;/TooltipBS&gt;
      )
  }
  });
  
  module.exports = Tooltip;
  </code></pre>