如何在样式组件中自定义 Swiper？

如何解决如何在样式组件中自定义 Swiper？

这种样式方法有效，但滑块功能完全停止工作，尽管在 react-router-dom 中设置链接时不会出现这些问题

<Slider 
    spaceBetween={50}
    slidesPerView={3}
    onSlideChange={() => console.log('slide change')}
    onSwiper={(swiper) => console.log(swiper)}
    pagination={{ clickable: true }}
  >
    <SliderItem >Slide 1</SliderItem >
    <SliderItem >Slide 2</SliderItem >
    <SliderItem >Slide 3</SliderItem >
    <SliderItem >Slide 4</SliderItem >
    ...
  </Slider >

export const Slider = styled(Swiper)``
export const SliderItem = styled(SwiperSlide)``