Swiper を Next.js で使う

import { Swiper, SwiperSlide } from "swiper/react";
import SwiperCore, { Navigation, Autoplay } from "swiper";

//swiper core styles
import "swiper/swiper.min.css";

// swiper bunble styles
import "swiper/swiper-bundle.min.css";

import { Swiper, SwiperSlide } from "swiper/react";
import SwiperCore, { Navigation, Autoplay } from "swiper";

import "swiper/css";
import "swiper/css/pagination";

SwiperCore.use([Autoplay, Pagination]);

      <Swiper
        loop={true}
        pagination={{
          dynamicBullets: true,
          clickable: true,
        }}
        autoplay={{
          delay: 2500,
          disableOnInteraction: false,
        }}
      >
         .....
     </Swiper>