title: Reactstrap tooltip causes an error: The target 'TooltipExample' could not be identified in the dom
body: <p>I have following the code example regarding <a href="https://reactstrap.github.io/components/tooltips/" rel="noreferrer">tooltips </a>
  in Reactstrap:</p>
  <pre><code>constructor(props) {
    super(props);
    this.state = {
      tooltipOpen: true
    };
  }
  .
  .
  .
  render() {
    return (
      &lt;div&gt;
        &lt;p&gt;Somewhere in here is a &lt;a href=&quot;#&quot; id=&quot;TooltipExample&quot;&gt;tooltip&lt;/a&gt;.&lt;/p&gt;
        &lt;Tooltip 
          placement=&quot;right&quot; 
          isOpen={this.state.tooltipOpen} 
          target=&quot;TooltipExample&quot; 
          toggle={this.toggle}&gt;
          Hello world!
        &lt;/Tooltip&gt;
      &lt;/div&gt;
    ) 
  }
  </code></pre>
  <p>And I'm getting the following error:</p>
  <blockquote>
  <p>Error: The target 'TooltipExample' could not be identified in the dom, tip: check spelling</p>
  </blockquote>
  <p>Everything works ok if the initial state is <code>tooltipOpen: false</code>. <strong>But</strong> I would like the tooltip to appear when the user loads the page...</p>
  <p>What should I do?</p>