React-id-swiper: CSS moved in Swiper 6.1.1

[RilDev]

Hi, I tried to import the css style as per the "Get Started" documentation https://react-id-swiper.ashernguyen.site/doc/get-started

In the "Stylesheet" section there is the following snippet to import the Swiper stylesheet:

import 'swiper/css/swiper.css';

But I got a Module not found: Can't resolve 'swiper/swiper.css'

So I looked into the package and imported the style like this:

import 'swiper/swiper-bundle.min.css';

It now works for me.

Did I do something wrong or should the docs be updated?

[ywroh]

I found the same thing as you and made a pull request today.

[RilDev]

Thank you @ywroh!

[buskerone]

Thanks it works, but I think navigation functionalities are broken (prev, next button actions and autplay)

[CloutProject]

Not only do the navigation functionalities are broken, but the .scss file won't work either. Please fix this.

[caiobozato]

any updates with navigation and progress functionalities?

[naufaldi]

i just downgrade Swiper to version 5.4 and its work well with React ID Swiper version 4. Seeing in example codesanbox, it still use Swiper version 5.4 with React ID Swiper ver4 Codesanbox Autoplay