Как скрыть индикатор реагирования-материала-ui-карусели

Question

Я хочу скрыть только индикатор карусели. (нравитьсяdisplay: "none", нетvisibility: "hidden") но когда я установилindicators={false}свойство к тегу Carousel, весь компонент исчезнет.

На рисунке ниже показано, как это выглядит, когдаindicators={true}

Я следовал документации ниже, но не знаю, почему получаю разные результаты. https://www.npmjs.com/package/react-material-ui-carousel

[версия]

      react-material-ui-carousel: 3.4.2
react: 18.2.0
@emotion/react: 11.11.1
@emotion/styled: 11.11.0
@mui/icons-material: 5.11.16
@mui/material: 5.13.6

вот мой код.

          import Carousel from 'react-material-ui-carousel';
    import { Paper, Button } from '@mui/material'
    
    function Carousel() {
    
      function Item(props)
      {
          return (
              <Paper>
                  <h2>{props.item.name}</h2>
                  <p>{props.item.description}</p>
    
                  <Button className="CheckButton">
                      Check it out!
                  </Button>
              </Paper>
          )
      }
    
      var items = [
        {
            name: "Random Name #1",
            description: "Probably the most random thing you have ever seen!"
        },
        {
            name: "Random Name #2",
            description: "Hello World!"
        }
      ]
    
    
      return (
        <div>
          <Carousel
            // problem here
            indicators={false}
          >
            {
              items.map( (item, i) => <Item key={i} item={item} /> )
            }
          </Carousel>
        </div>
      );
    }
    
    export default Carousel;