title: Set a tab as active in material ui tab component
body: <p>i'm using material ui as the mandatory library for the current
  project. A page of a project requires four tabs, so I'm using the tab component from material ui library. </p>
  
  <p>When I'm rendering the page which contains the tabs by default the first tab is the active tab. I want  to set the fourth tab as active. </p>
  
  <p>From the documentation, I see the "<strong>value</strong>" prop of the Tab. So I set the values of my four tabs to 1,2,3 and 4 for each Tab respectively. When Inavigate to the respective screen , i dispatch an action which is set property tab value in my store as 4. </p>
  
  <p>Then though mapStateToProps i'm made this property accessible to my component. So the value when I enter the page is four but still the active Tab is the first one. Let me show you my code:</p>
  
  <pre><code>const mapStateToProps = state =&gt; ({
     value: state.get('tabValue');
  });
  
  const mapDispatchToProps = dispatch =&gt; ({
   tabClicked: () =&gt; setActiveTab('tabValue', 4)
  })
  </code></pre>
  
  <p>And my component:</p>
  
  <pre><code>const Tabs = ({ value }) =&gt; (
   &lt;Tabs&gt;
     &lt;Tab value={1}&gt;&lt;/Tab&gt;
     ....
     &lt;Tab value={value}&lt;/Tab&gt;
   &lt;/Tabs
  </code></pre>
  
  <p>)</p>