1  import Slide from '@mui/material/Slide';
 2  import {TransitionProps} from '@mui/material/transitions';
 3  import {ReactElement, forwardRef} from 'react';
 4  
 5  const Transition = forwardRef(function Transition(
 6    props: TransitionProps & {children: ReactElement<any, any>},
 7    ref
 8  ) {
 9    return (
10      <Slide direction="up" ref={ref} {...props}>
11        {props.children}
12      </Slide>
13    );
14  });
15  
16  export default Transition;