'How to disable pagination dots in Swiper with Center Mode?

I am working with Swiper 6.02 and I am wondering how to get rid of the dots that show the current page. I want to use the "Center" mode, but without the page dots at the bottom. I have tried several suggested solutions, but the only one that has really worked is to disable the "Pagination" option, but that also disables the centering of the slides.

            <Swiper
                slidesPerView={1.2}
                centeredSlides={true}
                spaceBetween={30}
                pagination={{
                    clickable: true,
                }}
                className="mySwiper"
            >
                <SwiperSlide>Slide 1</SwiperSlide>
                <SwiperSlide>Slide 2</SwiperSlide>
                <SwiperSlide>Slide 3</SwiperSlide>
                <SwiperSlide>Slide 4</SwiperSlide>
                <SwiperSlide>Slide 5</SwiperSlide>
                <SwiperSlide>Slide 6</SwiperSlide>
                <SwiperSlide>Slide 7</SwiperSlide>
                <SwiperSlide>Slide 8</SwiperSlide>
                <SwiperSlide>Slide 9</SwiperSlide>
            </Swiper>

Basically I want Example without the pagination dots.



Solution 1:[1]

<Swiper showsPagination={false} />

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Roman Mahotskyi