<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>
<hr>
<p dir="auto"><strong>Previous Behavior</strong><br>
In version 1.0.0.beta31, you could put anything inside a <code class="notranslate">&lt;Fade&gt;</code> component and it would get faded.</p>
<p dir="auto"><strong>Current Behavior</strong><br>
As of version 1.0.0.beta32, it seems that <code class="notranslate">Fade</code> relies on the child component doing the right thing with the <code class="notranslate">style</code> prop.</p>
<p dir="auto">Here's a CodeSandbox example:<br>
<a href="https://codesandbox.io/s/7j8y2rqyn6" rel="nofollow">https://codesandbox.io/s/7j8y2rqyn6</a></p>
<p dir="auto">I am not sure if this is intended behavior or not, but the change caught me off guard and I figured I should mention it.</p>
<ul dir="auto">
<li>[y] 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 have multiple <code class="notranslate">Paper</code> components, and each of them need to have a different background color.</p>
<p dir="auto">Do i simply wrap each of the components around a <code class="notranslate">MuiThemeProvider</code> with custom theme? Is there any major disadvantage to this approach?</p>
<p dir="auto">Or is <code class="notranslate">MuiThemeProvider</code> meant to be one per application (like Redux)? If so, what's the easiest way to meet my requirement?</p>