title: Unable to display icon in React Bootstrap Tab instead of text
body: <p>I am using React Bootstrap's Tabs and I am stuck with an issue where I am unable to pass icon into the title prop
      because its is displayed as [Object][Object], any thoughts on this ?</p>
  
  <pre><code>const tabsInstance = (
    &lt;Tabs defaultActiveKey={1}&gt;
      &lt;Tab eventKey={1} title={`Tab1 ${&lt;i class=" icon-remove"&gt;&lt;/i&gt;}`}&gt;Tab 1 content&lt;/Tab&gt;
      &lt;Tab eventKey={2} title="Tab 2"&gt;Tab 2 content&lt;/Tab&gt;
      &lt;Tab eventKey={3} title="Tab 3" disabled&gt;Tab 3 content&lt;/Tab&gt;
    &lt;/Tabs&gt;
  );
  </code></pre>
  
  <p>Output is displayed as:</p>
  
  <blockquote>
    <p>Tab1 [Object][Object] Tab 2 Tab 3</p>
  </blockquote>
  
  <p>How to display <code>icon</code> in the tab instead of <code>Title</code>?</p>
  
  <p>======UPDATE=====
  Output displayed after suggestion.
  <a href="https://i.stack.imgur.com/Rb3fF.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Rb3fF.png" alt="enter image description here"></a></p>