twice load image in slide on carousel with angular universal 9

[shomid]

i have a carousel in home page for show multiple image. but any image twice loading. i use of angular ssr 9(ivy) and ngx-bootstrap 5.5.0.

<carousel class="w-100 h-100">
 <slide *ngFor="let slider of sliderList; trackBy: trackById">
   <a [href]="slider.link" title="{{ slider.title }}">
     <img [src]="slider.pic" class="img-fluid img-cover w-100" alt="{{ slider.title }}">
   </a>
 </slide>
</carousel>

this work in ng serve correctly. but work not correctly with agular universal(npm run build:ssr). how to resolve this problem?

[ayoobok]

Any solution identified for this