Резкость карусели swiper, почему так происходит?

Question

[Kt0T0]

Всем доброго времени суток, столкнулся с проблемой, делал карусель используя Swiper для React, получилось хорошо, но есть нюанс с прокруткой, с телефона очень резко получается, особенно когда останавливаешь прокрут, в первом видео все видно.

Видео моей резкой карусели: клик

Видео как должно быть: клик

Код карусели

<Swiper
        spaceBetween={20}
        slidesPerView={2.4}
        freeMode={true}
        freeModeMomentum={true}
        mousewheel={true}

        breakpoints={{
          640: {
            slidesPerView: 2,
          },
          768: {
            slidesPerView: 3,
          },
          1024: {
            slidesPerView: 8,
          },
        }}
        modules={[FreeMode, Mousewheel]}
      >
        {books.map((book) => (
          <SwiperSlide key={book.id}>
            <div className="book-item">
              <img src={book.image} alt={book.title} className="book-image" />
              <p className="book-author">{book.author}</p>
              <p className="book-title">{book.title}</p>
            </div>
          </SwiperSlide>
        ))}
      </Swiper>