Как убрать задержку в React-Material-UI-Carousel при изменении слайд-шоу

Question

Я реализовал карусель, используя react-material-ui-carousel. Ниже ДЕМО

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

import Carousel from 'react-material-ui-carousel';

const useStyles = makeStyles(theme => ({
  root: {
    height: '300px',
    width: '100%',
    background: 'black',
    color: 'white',
    textAlign: 'center',
    lineHeight: '300px',
    fontSize: '5rem'
  },
  table: {
    minWidth: 650
  }
}));

export default function Hello() {
  const classes = useStyles();
  return (
    <>
      <Carousel animation="slide">
        <div className={classes.root}>Item 1</div>
        <div className={classes.root}>Item 2</div>
        <div className={classes.root}>Item 3</div>
        <div className={classes.root}>Item 4</div>
      </Carousel>
    </>
  );
}

Проблема в том, что следующий слайд ожидает выхода предыдущего слайда, прежде чем начать ввод. Как сделать так, чтобы события выхода и входа в слайды происходили одновременно? Мне не нужен "белый" фон между каждым переходом