Swiper not working unless page is resized

[StrayTheWolf]

Hello everyone.
there is markup

                <div class="tabs__contents swiper-apartments">
                       <div id="card0" class="swiper-wrapper tabs__content tabs__active">
                             <div class="swiper-slide">

                             </div>
                             <div class="swiper-slide">

                            </div>
                      </div>
                </div>
                <div class="tabs__contents swiper-apartments">
                       <div id="card1" class="swiper-wrapper tabs__content">
                             <div class="swiper-slide">

                             </div>
                             <div class="swiper-slide">

                            </div>
                      </div>
                </div>

and code for swiper.
let apartmentsSwiper = new Swiper('.swiper-apartments', { slidesPerView: 1.5, rebuildOnUpdate: true, observer: true, observeParents: true, scrollbar: { el: ".swiper-scrollbar", centeredSlides: true, hide: false, }, });

There are several tabs, in the one that is selected by default, swiper works
But if I switch to another tab swiper doesn't work until I resize the window.

adding
observer: true, observeParents: true
did not help

Any help will be much appreciated.