title: How to do a redirect to another route with tabs with react-router?
body: <p>I have this component : index.js</p>
  <pre><code>const Routes = () =&gt; (
          &lt;Switch&gt;
            &lt;Tab panes={[
              {
                 menuItem: {
                    as NavLink,
                    content : 'un',
                    key: &quot;un&quot;,
                    to: &quot;${match.url}/un&quot;
                 },
               render: () =&gt; &lt;Route path=&quot;${match.url}/un&quot; component={un} /&gt;
             }, 
              {
                 menuItem: {
                    as NavLink,
                    content : 'deux',
                    key: &quot;deux&quot;,
                    to: &quot;${match.url}/deux&quot;
                 },
               render: () =&gt; &lt;Route path=&quot;${match.url}/deux&quot; component={deux} /&gt;
             }]}
           /&gt;
          &lt;/Switch&gt;
      );
  </code></pre>
  <p>I want to call programmatically the component <code>&quot;deux&quot;</code> from the component <code>&quot;un&quot;</code> with something like this :</p>
  <pre><code>&lt;Button onClick={() =&gt; history.push(&quot;/deux&quot;) } /&gt;
  </code></pre>
  <p>It doesn't work like this, the url is change but the component is not loaded.</p>
  <p>It use <code>Tab</code> from <code>semantic-ui-react</code></p>