Swiper が React で動作しません。修正を何度も試みましたが成功しませんでした。 Swiper はすでに最新バージョンです。

React を "react" からインポートします。 インポート "./testimonial.css"; import { Data } from "./Data"; 「swiper/react」から {Swiper, SwiperSlide} をインポートします。 「スワイパー/CSS」をインポートします。 「スワイパー/CSS/ページネーション」をインポートします。 「swiper/modules」から {Pagination} をインポートします const お客様の声 = () => { 戻る （ 
 
クライアントはこう言いました
 推薦状 <スワイパークラス名="testimonial_container" ループ={true} grabCursor={true} spaceBetween={24} ページネーション={{ クリック可能: true、 }} ブレークポイント={{ 576: { ビューあたりのスライド数: 2、 }、 768: { ビューあたりのスライド数: 2、 間隔: 48、 }、 }} modules={[ページネーション]}> {Data.map(({id,image,title,description})=>{ 戻る（   
{タイトル}
 
{説明}
  ） })}   ); }; デフォルトのお客様の声をエクスポート;

さまざまな構文形式を試しましたが、成功しませんでした。オブジェクトを無限にスクロールできるようにしたいのですが、常に 2 番目のスライドでスタックしてしまいます。