title: React Bootstrap and deep linking tabs
body: <p>I'm trying to link to a tab on a page and I'm a little lost on how to go about doing this. It doesn't seem to be documented anywhere and I can't seem to get it to work off of my own back. I've tried converting from the lower level tabs api to nav.items component and inserting a href instead of eventKey as advised from an issue post on github.</p>
  
  <pre><code>&lt;Tab.Container id="left-tabs-example" defaultActiveKey="#first"&gt;
      &lt;Row&gt;
          &lt;Col sm={3}&gt;
              &lt;Nav variant="pills" className="flex-column"&gt;
                  &lt;Nav.Item&gt;
                      &lt;Nav.Link href="#first"&gt;Tab 1&lt;/Nav.Link&gt;
                  &lt;/Nav.Item&gt;
                  &lt;Nav.Item&gt;
                      &lt;Nav.Link href="#second"&gt;Tab 2&lt;/Nav.Link&gt;
                  &lt;/Nav.Item&gt;
              &lt;/Nav&gt;
          &lt;/Col&gt;
          &lt;Col sm={9}&gt;
              &lt;Tab.Content&gt;
                  &lt;Tab.Pane eventKey="#first"&gt;
                      &lt;p&gt;first&lt;/p&gt;
                  &lt;/Tab.Pane&gt;
                  &lt;Tab.Pane eventKey="#second"&gt;
                      &lt;p&gt;second&lt;/p&gt;
                  &lt;/Tab.Pane&gt;
              &lt;/Tab.Content&gt;
          &lt;/Col&gt;
      &lt;/Row&gt;
  &lt;/Tab.Container&gt;
  </code></pre>
  
  <p>However when I visit <code>/mypage#second</code> it doesn't open the page on that tab. </p>
  
  <p>Any guidance would be helpful.</p>