<p dir="auto">I upgraded to React v16 and chai-enzyme v3, and any component test that I have that utilizes Material ui (particularly MuiThemeProvider) that is <code class="notranslate">mounted</code> throws various errors like the following:</p>
<p dir="auto"><code class="notranslate">TypeError: Cannot set property 'stroke' of undefined</code><br>
<code class="notranslate">TypeError: Cannot set property 'display' of undefined</code></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>
<p dir="auto">I tried to create a codepen to make an example but i was unable to setup enzyme test runner.</p>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">React v16 and material ui together should not break all tests.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Material UI combined with enzyme 3 and react v16 break all tests<br>
Note: this does not effect the actual components in a browser, only in the test environment when <code class="notranslate">mounted</code> via enzyme, and that mounted component also happens to use MuiThemeProvider.</p>
<h2 dir="auto">Context</h2>
<p dir="auto">Cannot upgrade to react v16, this is the last thing I need to fix to get my tests running and finally upgrade.</p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>v0.19.4</td>
</tr>
<tr>
<td>React</td>
<td>v16.0.0</td>
</tr>
<tr>
<td>enzyme</td>
<td>v3.0.0</td>
</tr>
</tbody>
</table>
<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/material-next/material-next/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">We match the specification. It could also be the opportunity to make the implementation more customizable friendly.<br>
<a href="https://material.io/guidelines/components/buttons.html#buttons-flat-buttons" rel="nofollow">https://material.io/guidelines/components/buttons.html#buttons-flat-buttons</a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/3165635/33524771-13d6d8c6-d823-11e7-973a-b622c4657195.gif"><img src="https://user-images.githubusercontent.com/3165635/33524771-13d6d8c6-d823-11e7-973a-b622c4657195.gif" alt="dec -03-2017 12-09-27" data-animated-image="" style="max-width: 100%;"></a></p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">We don't follow the spec.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/3165635/33524770-127a2ce4-d823-11e7-81df-ce4613014267.gif"><img src="https://user-images.githubusercontent.com/3165635/33524770-127a2ce4-d823-11e7-81df-ce4613014267.gif" alt="dec -03-2017 12-10-39" data-animated-image="" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Click on a button and compare the result with the specification.</li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">material-web-components seems to implement the animation correctly. cc <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/kof/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/kof">@kof</a></p>
<p dir="auto">Closes <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="245330209" data-permission-text="Title is private" data-url="https://github.com/mui/material-ui/issues/7537" data-hovercard-type="issue" data-hovercard-url="/mui/material-ui/issues/7537/hovercard" href="https://github.com/mui/material-ui/issues/7537">#7537</a></p>
<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>v1.0.0-beta.24</td>
</tr>
<tr>
<td>react</td>
<td>v16.2.0</td>
</tr>
</tbody>
</table>