title: Material UI's Snackbar is not sliding down
body: <p>I am using <code>Material-UI</code> for the first time and trying to implement <code>Snackbar</code> on success of an API post. I want the Snackbar to slide up onEnter and then slide down onExit. I was able to implement slide up onEnter but need help for "Slide down onExit". Can anyone help me?</p>
  
  <pre><code>import React, { useState } from "react";
  import Snackbar from "@material-ui/core/Snackbar";
  import Slide from "@material-ui/core/Slide";
  
  const [openSnackBar, setOpenSnackBar] = useState(false);   
  
  const renderSnackbar = () =&gt; {
      return (
        &lt;Snackbar
          id="id-success-snackbar"
          className="success-snackbar"
          anchorOrigin={{
            vertical: "bottom",
            horizontal: "left"
          }}
          open={openSnackBar}
          autoHideDuration={5000}
          onClose={() =&gt; setOpenSnackBar(false)}
          TransitionComponent={Slide}
          message="Test Message"
        /&gt;
      );
  };
  </code></pre>