<h2 dir="auto">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.30</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>chrome</td>
</tr>
</tbody>
</table>
<h2 dir="auto">Current Bug</h2>

<p dir="auto">In production mode i have this error happening because of the ripple effect on the Buttons. In development mode it's working perfectly.</p>
<p dir="auto">I thought it was a minifying problem but i checked my webpack configuration for Uglify and it seems to be good:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="        new webpack.optimize.UglifyJsPlugin({
            sourceMap: process.env.NODE_ENV === 'production',
            parallel: process.env.NODE_ENV === 'production',
            compress: {
                warnings: false,
                drop_console: false,
            }
        }),"><pre class="notranslate"><code class="notranslate">        new webpack.optimize.UglifyJsPlugin({
            sourceMap: process.env.NODE_ENV === 'production',
            parallel: process.env.NODE_ENV === 'production',
            compress: {
                warnings: false,
                drop_console: false,
            }
        }),
</code></pre></div>
<p dir="auto">When i click on a Button with the effect i got this error in the console :</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Error: Minified React error #44; visit http://facebook.github.io/react/docs/error-decoder.html?invariant=44 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at r (reactProdInvariant.js:29)
    at Object.r [as findDOMNode] (findDOMNode.js:51)
    at t.updateStatus (Transition.js:212)
    at t.componentDidMount (Transition.js:157)
    at commitLifeCycles (react-dom.production.min.js:149)
    at t (react-dom.production.min.js:158)
    at M (react-dom.production.min.js:169)
    at b (react-dom.production.min.js:168)
    at batchedUpdates (react-dom.production.min.js:171)
    at Q (react-dom.production.min.js:54)"><pre class="notranslate"><code class="notranslate">Error: Minified React error #44; visit http://facebook.github.io/react/docs/error-decoder.html?invariant=44 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at r (reactProdInvariant.js:29)
    at Object.r [as findDOMNode] (findDOMNode.js:51)
    at t.updateStatus (Transition.js:212)
    at t.componentDidMount (Transition.js:157)
    at commitLifeCycles (react-dom.production.min.js:149)
    at t (react-dom.production.min.js:158)
    at M (react-dom.production.min.js:169)
    at b (react-dom.production.min.js:168)
    at batchedUpdates (react-dom.production.min.js:171)
    at Q (react-dom.production.min.js:54)
</code></pre></div>
<p dir="auto">I found that Transition.js is the problem and it happens only when i click on a Button, so i deduce that it should be the ripple effect.</p>
<p dir="auto">If you have questions ?</p>
<p dir="auto">When trying to add the Select component on beta.10, I see the following error:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1496591/30512382-4289e2d4-9abc-11e7-98ca-fb8f5718fb7c.png"><img width="909" alt="select - ismui issue" src="https://user-images.githubusercontent.com/1496591/30512382-4289e2d4-9abc-11e7-98ca-fb8f5718fb7c.png" style="max-width: 100%;"></a></p>
<p dir="auto">[ x] 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.</p>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">I tried to add the stepped with the example from the docs.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">I get an error: "utils.js:215 uncaught at  TypeError: (0 , _reactHelpers.isMuiElement) is not a function"</p>
<h2 dir="auto">Context</h2>
<ul dir="auto">
<li>On beta.10, trying to use Select in a grid without a root <code class="notranslate">&lt;form&gt;</code> element</li>
<li>Other material-ui components all seem to work fine when used like this.</li>
</ul>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1496591/30512407-f0ddae2e-9abc-11e7-90e4-33df312781eb.png"><img width="480" alt="select in grid" src="https://user-images.githubusercontent.com/1496591/30512407-f0ddae2e-9abc-11e7-90e4-33df312781eb.png" style="max-width: 100%;"></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>1.0.0-beta.10</td>
</tr>
<tr>
<td>React</td>
<td>15.6.1</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome - Version 60.0.3112.113 (Official Build) (64-bit)</td>
</tr>
</tbody>
</table>