Swiper react + nextjs + use client height bug

[lior-amsalem]

Check that this is really a bug

• I confirm

Reproduction link

https://github.com/lior-amsalem/swiper-react-nextjs-bug-report

Bug description

Swiper react as suggested here:
https://swiperjs.com/react

with nextjs and with "use client" at the top results with the height calculation bug.

it looks like the calculation occurs again and again and the height is infinite ?

try the link of this github to reproduce:

https://github.com/lior-amsalem/swiper-react-nextjs-bug-report

Solutions ?

• try to trigger the swiper in different way in the client rather than 'use client' in nextjs?
• any ideas?

Expected Behavior

height should not be so long and high

Actual Behavior

hight is very very long

Swiper version

"swiper": "^11.2.2"

Platform/Target and Browser Versions

chrome,macos,nextjs,use client

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

[nolimits4web]

You need to specify height on Swiper