Swiper When the page loads, the components are broken

[Abdulrhman-A-Hashim]

Check that this is really a bug

• I confirm

Reproduction link

https://swiperjs.com/react

Bug description

Swiper When the page loads, the components are broken and stop working, but when I resize the page, the components are working properly

Expected Behavior

Websi.mp4

Actual Behavior

No response

Swiper version

6.8.3

Platform/Target and Browser Versions

Windows

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

[Abdulrhman-A-Hashim]

this is the file where i import the swiper and the css file is in the main file.