title: Maintaining collapse state when drawer opens and closes
body: <p>I'm currently having troubles with the material-ui drawer (<a href="https://material-ui-next.com/" rel="nofollow noreferrer">https://material-ui-next.com/</a> one)</p>
  
  <p>When I open the mini variant, the collapse inside my menu resets (closes because of the "remount").
  However I would like them to persist their current state (open/closed).</p>
  
  <p>Does Anyone know a way to achieve this?</p>
  
  <p><br>
  <br>
  The drawer:</p>
  
  <pre><code>&lt;Drawer type="permanent"
      classes={{paper: classNames(classes.drawerPaper, !this.state.open &amp;&amp; classes.drawerPaperClose)}}
      open={this.state.open}&gt;
      &lt;div className={classNames(classes.drawerInner)}&gt;
          &lt;Navigation updateTitle={this.updateTitle}/&gt;
      &lt;/div&gt;
  &lt;/Drawer&gt;
  </code></pre>
  
  <p><br>
  <br>
  The navigation component: <a href="https://pastebin.com/webdmLXp" rel="nofollow noreferrer">https://pastebin.com/webdmLXp</a></p>
  
  <p><br>
  <br>
  Rendered with open collapse:</p>
  
  <p><a href="https://i.stack.imgur.com/a2PLQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a2PLQ.png" alt="Rendered with open collapse"></a></p>
  
  <p>After clicking the burger button:</p>
  
  <p><a href="https://i.stack.imgur.com/RzPMA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RzPMA.png" alt="After clicking the burger button"></a></p>