Material-UI如何将自定义快捷栏的TransitionComponent更改为幻灯片

import { Slide } from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';

const CustomTransition = React.forwardRef(function Transition(props, ref) {
  return <Slide direction="up" ref={ref} {...props} />;
});

const useStyles = makeStyles((theme) => ({
  appBar: {
    transition: theme.transitions.create(['margin', 'width'], {
      easing: theme.transitions.easing.sharp,
      duration: theme.transitions.duration.leavingScreen,
    }),
  },
}));

function App() {
  const classes = useStyles();

  return (
    <AppBar className={classes.appBar} TransitionComponent={CustomTransition}>
      {/* AppBar的内容 */}
    </AppBar>
  );
}