spinner / loader is not removed when the image url is updated

[Roitr]

I'm using swiper with angular to display a list of images, and enable lazy load.

On the first load of the page everything works as expected, but when the image url is updated dynamically, the swiper refreshes, and the spinner stays displayed forever.
Resizing the browser window or clicking the next slide button fixes it.

this is my swipepr setting:

<swiper
  class="image-carousel"
  [slidesPerView]="1"
  [navigation]="navigation"
  [pagination]="pagination ? { clickable: true } : false"
  [lazy]="lazyLoad"
  [preloadImages]="false"
  [watchOverflow]="true">
  <ng-template swiperSlide *ngFor="let photoUrl of imageUrls">
    <img data-src="{{photoUrl}}" class="swiper-lazy slide-image" />
    <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
  </ng-template>
</swiper>

Is there anything i'm missing? Maybe something I should do when I change the list of urls?