Как работает watchOverflow в Swiper на react?

Question

[mevCode]

Есть слайдер, рендерит, условно, 5 слайдов

<Swiper
   spaceBetween={50}
   slidesPerView={100}
   watchOverflow={true}
>
   <SwiperSlide>....</SwiperSlide>
   <SwiperSlide>....</SwiperSlide>
   <SwiperSlide>....</SwiperSlide>
   <SwiperSlide>....</SwiperSlide>
   <SwiperSlide>....</SwiperSlide>
</Swiper>

Когда я использовать свайпер на нативном JS - это работало. То есть, при отсутствии достаточного количества слайдов ( slidesPerView указали 100, а по факту всего 5 ), параметр watchOwerflow={true} говорил свайперу, что необходимо перестать функционировать и убрать все навигационные штуки типа булитов и стрелочек. Таким образом это позволяло работать с кейсом, когда слайдер должен быть слайдером только на мобильных устройствах, а на десктопе это обычный НЕ листающийся блок (само собой всё это регулируется брейкпоинтами). Сейчас мне нужно решить аналогичную задачу, но что-то забуксовал. Я не получаю ожидаемого результата ни сразу, ни после апдейта страницы.

Свайпер v9.0.3
Реакт v18.2.0

Comments

[Вадим]

демку на codepen или codesandbox иначе что Вы предлагаете? В угадайку играть?