<p dir="auto">ReactBaseClasses.js:64 Uncaught TypeError: this.updater.enqueueCallback is not a function<br>
at Transition../node_modules/react-transition-group/node_modules/react/lib/ReactBaseClasses.js.ReactComponent.setState (ReactBaseClasses.js:64)<br>
at Transition.safeSetState (Transition.js:294)<br>
at Transition.performEnter (Transition.js:244)<br>
at Transition.updateStatus (Transition.js:213)<br>
at Transition.componentDidMount (Transition.js:157)<br>
at commitLifeCycles (react-dom.development.js:11505)<br>
at commitAllLifeCycles (react-dom.development.js:12294)<br>
at HTMLUnknownElement.callCallback (react-dom.development.js:1299)<br>
at Object.invokeGuardedCallbackDev (react-dom.development.js:1338)<br>
at invokeGuardedCallback (react-dom.development.js:1195)<br>
at commitAllWork (react-dom.development.js:12415)<br>
at workLoop (react-dom.development.js:12687)<br>
at HTMLUnknownElement.callCallback (react-dom.development.js:1299)<br>
at Object.invokeGuardedCallbackDev (react-dom.development.js:1338)<br>
at invokeGuardedCallback (react-dom.development.js:1195)<br>
at performWork (react-dom.development.js:12800)<br>
at batchedUpdates (react-dom.development.js:13244)<br>
at performFiberBatchedUpdates (react-dom.development.js:1646)<br>
at stackBatchedUpdates (react-dom.development.js:1637)<br>
at batchedUpdates (react-dom.development.js:1651)<br>
at Object.batchedUpdatesWithControlledComponents [as batchedUpdates] (react-dom.development.js:1664)<br>
at dispatchEvent (react-dom.development.js:1874)</p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>v1 beta 1.0.12</td>
</tr>
<tr>
<td>React</td>
<td>16</td>
</tr>
<tr>
<td>browser</td>
<td>chrome</td>
</tr>
<tr>
<td>etc</td>
<td></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>
<p dir="auto"><code class="notranslate">MenuItem</code>s passing a <code class="notranslate">containerElement</code> prop, e.g.:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;MenuItem
  onClick={props.toggleDrawerOpen}
  primaryText={t('nav.home')}
  containerElement={&lt;NavLink exact to=&quot;/&quot; /&gt;}
/&gt;"><pre class="notranslate"><code class="notranslate">&lt;MenuItem
  onClick={props.toggleDrawerOpen}
  primaryText={t('nav.home')}
  containerElement={&lt;NavLink exact to="/" /&gt;}
/&gt;
</code></pre></div>
<p dir="auto">...throw the following warning:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Warning: Stateless function components cannot be given refs. Attempts to access this ref will fail.

Check the render method of `EnhancedButton`.
    in NavLink (at DrawerMenu.js:60)
    in EnhancedButton (created by ListItem)
    in div (created by ListItem)
    in ListItem (created by MenuItem)
    in MenuItem (at DrawerMenu.js:57)"><pre class="notranslate"><code class="notranslate">Warning: Stateless function components cannot be given refs. Attempts to access this ref will fail.

Check the render method of `EnhancedButton`.
    in NavLink (at DrawerMenu.js:60)
    in EnhancedButton (created by ListItem)
    in div (created by ListItem)
    in ListItem (created by MenuItem)
    in MenuItem (at DrawerMenu.js:57)
</code></pre></div>

<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">No warnings should be thrown.</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>0.19.2</td>
</tr>
<tr>
<td>React</td>
<td>16.0.0</td>
</tr>
</tbody>
</table>