为什么 SwiperJS React 的鼠标滚轮功能不起作用？

如何解决为什么 SwiperJS React 的鼠标滚轮功能不起作用？

我正在尝试使用整页垂直滚动滑块，当我添加 "mousewheel="true" 时它不起作用，但触摸滑块工作正常。我没有从控制台收到任何错误。为什么鼠标滚轮不起作用没用？提前致谢。

Always do smart step into

我认为可能与 CSS 相关。

import React from "react";
import { Swiper,SwiperSlide } from "swiper/react";
import "swiper/swiper.scss";

const App = () => {
  return (
    <Swiper
      direction="vertical"
      spaceBetween={50}
      slidesPerView={3}
      mousewheel="true"
    >
      <SwiperSlide>
        <div className="slider">Slide 1</div>
      </SwiperSlide>
      <SwiperSlide>
        <div className="slider">Slide 2</div>
      </SwiperSlide>
      <SwiperSlide>
        <div className="slider">Slide 3</div>
      </SwiperSlide>
      <SwiperSlide>
        <div className="slider">Slide 4</div>
      </SwiperSlide>
    </Swiper>
  );
};

export default App;