title: How can I use two transitions with material ui?
body: <p>What I'm trying to do is use <code>Fade</code> and <code>Slide</code> in the same component.                                  </p>
  
  <pre><code>&lt;Slide in={isValid} timeout={timeout} direction="left"&gt;                                
      &lt;Fade in={isValid} timeout={timeout}&gt;
          &lt;Foo /&gt;
      &lt;/Fade&gt;
  &lt;/Slide&gt;
  </code></pre>
  
  <p>But it doesn't work. </p>
  
  <p>When <code>isValid</code> is true, it slides the component without the fade effect and when it's false, the component just blinks and disappears.</p>
  
  <p>How can I make it work? I don't want to use <code>makeStyle</code>.</p>