title: <Fade> in material-ui just disables the visibility of the component . How to get the fade effect and actually hide the component ?
body: <p>I am using  component of material-ui from <a href="http://material-ui.com" rel="noreferrer">material-ui</a>.</p>
  
  <pre><code>&lt;Fade in={!randomizeFlag}&gt;
                &lt;Grid&gt;
                  &lt;FormControlLabel control={&lt;Switch onChange={this.handleStartValueFlag} &gt;&lt;/Switch&gt;} label="Start Value"&gt;&lt;/FormControlLabel&gt;
                  &lt;TextField  type="number" label="Starting Value" value={startValue} onChange={this.handleStartValueChange} /&gt;
                &lt;/Grid&gt;
  &lt;/Fade&gt;
  </code></pre>
  
  <p>I want to completely hide the element Grid when the component fades out but it only disables the visibility of the component and takes up the same space( looks empty) in the DOM .How do i make the element hide after fading it using <code>&lt;Fade&gt;</code></p>