<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">Components with withStyles should work with recursively.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Cannot find classes of jss.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>
<p dir="auto">I m trying to build a nested menu recursively. Every menu element is a component with withStyles.</p>
</li>
<li>
<p dir="auto">Component ul in the component ul can't get the classes of the Jss.</p>
</li>
<li>
<p dir="auto">This is an example menu data,</p>
</li>
</ol>
<pre class="notranslate">[
  {
    "type": "ul",
    "title": "ul - Level 1",
    "children": [
      {
        "type": "ul",
        "title": "ul - level 2",
        "children": [
          {
            "type": "li",
            "title": "li - Level 3"
          }
        ]
      },
      {
        "type": "li",
        "title": "li - Level 2"
      }
    ]
  },
  {
    "type": "li",
    "title": "li - Level 1"
  }
]
</pre>
<ol start="4" dir="auto">
<li>Checkout the demonstration of the issue; there is also working version without withStyles.<br>
<a href="https://codesandbox.io/s/lr537rkl89" rel="nofollow">https://codesandbox.io/s/lr537rkl89</a></li>
</ol>
<p dir="auto">thanks in advance.</p>
<h2 dir="auto">Context</h2>

<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.0-beta.28</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 63.0.32</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<p dir="auto">When trying to set the index of tab programmatically from componentDidMount the Tab indicator doesn't change.</p>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">When changing the index in state the Tabs component should update the indicator.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">The indicator doesn't change even when the render is called again with the correct index from state.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">Here is a codesandbox.io:</p>
<p dir="auto"><a href="https://codesandbox.io/s/ykn36kzyj" rel="nofollow">https://codesandbox.io/s/ykn36kzyj</a></p>
<p dir="auto">The indicator should be set for index 1 but the indicator is set to index 0.</p>
<p dir="auto">This worked earlier, I noticed this issue when I updated material-ui to beta-17</p>
<h2 dir="auto">Context</h2>
    
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.0.Beta17</td>
</tr>
<tr>
<td>React</td>
<td>16.0.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
</tbody>
</table>