TypeError : Cannot read properties of undefined (reading 'autoplay')

[muneebrana414]

Check that this is really a bug

• I confirm

Reproduction link

its personal

Bug description

Expected Behavior

No response

Actual Behavior

No response

Swiper version

7.3.1

Platform/Target and Browser Versions

chrome

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[github-actions]

Hello @muneebrana414. Please provide a online reproduction by codesandbox or a minimal GitHub repository. You can fork one of our demos in codesandbox to get start. Issues labeled by missing demo will be closed if no activities in 3 days.

[muneebrana414]

Here I, apply swiper

import { Swiper, SwiperSlide } from "swiper/react";
import "swiper/css";
import SwiperCore, { Autoplay } from 'swiper'
SwiperCore.use([ Autoplay ]);

export default function SideSwipe(){
return(

<Swiper slidesPerView={5} centeredSlides={false} slidesPerGroup={1} spaceBetween={1} loop={true} direction={'vertical'}
// autoplay={true} autoplay={{
// 'delay':2000,
// 'disableOnInteraction': false
// }}
className="mySwiper mt-2" style={{height:700}}>

);
}

[muneebrana414]

@nolimits4web i post my code

[github-actions]

Hello @muneebrana414. Please provide a online reproduction by codesandbox or a minimal GitHub repository. You can fork one of our demos in codesandbox to get start. Issues labeled by missing demo will be closed if no activities in 3 days.

[geekftz]

i got the same problem, so why close this problem, or give me some advice to handle it?

[nickycdk]

@muneebrana414 @hackftz @nolimits4web - Did any of you ever find a solution to this? I'm experiencing the same, primarily when the component is unmounted

[krystiangryczon]

In my case I had this line of code:

SwiperCore.use([Controller, Autoplay]);

and later in code used swiper like this:

         <Swiper
          autoHeight
          onSwiper={setSwiper}
          controller={{ control: swiper }}
          onActiveIndexChange={(s) => setActiveIndex(s.activeIndex)}
          modules={[EffectFade, Autoplay]}
          effect="fade"
          autoplay={{
            delay: 5000,
            disableOnInteraction: false,
          }}
        >

once I deleted Autoplay from modules inside the Swiper tag - it doesn't error anymore