<p dir="auto">If I place Grid inside a Collapse component, it doesn't expand and collapse smoothly. It expands a little more than needed and then collapses a bit back. Is that a bug? Or is there some workaround to use Grid inside collapsible part of the UI? Thanks.</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">Expand and collapse smoothly like it does without Grid inside</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto"><a href="https://codesandbox.io/s/mzoqprz61y?module=%2FMyApp.jsx" rel="nofollow">https://codesandbox.io/s/mzoqprz61y?module=%2FMyApp.jsx</a></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.18</td>
</tr>
<tr>
<td>React</td>
<td>16.0.0</td>
</tr>
<tr>
<td>browser</td>
<td>Safari, Chrome, Firefox</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/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">Follow the next.js example in this repo and get a working material-ui+next.js setup</p>
<h2 dir="auto">Current Behavior</h2>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="
 DONE  Compiled successfully in 1897ms                                                       11:35:49 AM

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check your code at _document.js?entry:65.
    in Unknown (created by Container)
    in AppContainer (created by Container)
    in Container (created by App)
    in div (created by App)
    in App
{ Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check the render method of `StatelessComponent`.
    at invariant (/Users/albinekb/Devel/Temp/nextjs/node_modules/fbjs/lib/invariant.js:44:15)
    at ReactCompositeComponentWrapper.instantiateReactComponent [as _instantiateReactComponent] (/Users/albinekb/Devel/Temp/nextjs/node_modules/react-dom/lib/instantiateReactComponent.js:74:56)
    at ReactCompositeComponentWrapper.performInitialMount (/Users/albinekb/Devel/Temp/nextjs/node_modules/react-dom/lib/ReactCompositeComponent.js:366:22)
    at ReactCompositeComponentWrapper.mountComponent (/Users/albinekb/Devel/Temp/nextjs/node_modules/react-dom/lib/ReactCompositeComponent.js:257:21)
    at Object.mountComponent (/Users/albinekb/Devel/Temp/nextjs/node_modules/react-dom/lib/ReactReconciler.js:45:35)
    at ReactCompositeComponentWrapper.performInitialMount (/Users/albinekb/Devel/Temp/nextjs/node_modules/react-dom/lib/ReactCompositeComponent.js:370:34)"><pre class="notranslate"><code class="notranslate">
 DONE  Compiled successfully in 1897ms                                                       11:35:49 AM

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check your code at _document.js?entry:65.
    in Unknown (created by Container)
    in AppContainer (created by Container)
    in Container (created by App)
    in div (created by App)
    in App
{ Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check the render method of `StatelessComponent`.
    at invariant (/Users/albinekb/Devel/Temp/nextjs/node_modules/fbjs/lib/invariant.js:44:15)
    at ReactCompositeComponentWrapper.instantiateReactComponent [as _instantiateReactComponent] (/Users/albinekb/Devel/Temp/nextjs/node_modules/react-dom/lib/instantiateReactComponent.js:74:56)
    at ReactCompositeComponentWrapper.performInitialMount (/Users/albinekb/Devel/Temp/nextjs/node_modules/react-dom/lib/ReactCompositeComponent.js:366:22)
    at ReactCompositeComponentWrapper.mountComponent (/Users/albinekb/Devel/Temp/nextjs/node_modules/react-dom/lib/ReactCompositeComponent.js:257:21)
    at Object.mountComponent (/Users/albinekb/Devel/Temp/nextjs/node_modules/react-dom/lib/ReactReconciler.js:45:35)
    at ReactCompositeComponentWrapper.performInitialMount (/Users/albinekb/Devel/Temp/nextjs/node_modules/react-dom/lib/ReactCompositeComponent.js:370:34)
</code></pre></div>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li>Get this code <a href="https://github.com/callemall/material-ui/tree/v1-beta/examples/nextjs">https://github.com/callemall/material-ui/tree/v1-beta/examples/nextjs</a></li>
<li>Install it <code class="notranslate">yarn</code></li>
<li>Run it <code class="notranslate">yarn dev</code></li>
</ol>