Swiper 11 and Angular 17 SSR ERROR TypeError: this.el.nativeElement.initialize is not a function

[capstro]

Hi
I am getting this error in console, when I use Swiper in Angular 17 Server Side Rendering application.

ERROR TypeError: this.el.nativeElement.initialize is not a function.

This error occurs when I use directive for swiper

import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';
import { SwiperContainer } from 'swiper/element';
import { SwiperOptions } from 'swiper/types';

@directive({
selector: '[appSwiper]',
standalone: true
})
export class SwiperDirective implements AfterViewInit {

@input() config?: SwiperOptions;

constructor(private el: ElementRef) { }

ngAfterViewInit(): void {
Object.assign(this.el.nativeElement, this.config);
this.el.nativeElement.initialize();
}
}

[jemys89]

afterNextRender(() => {
            const swiperParams = {
                breakpoints: {
                    100: {
                        slidesPerView: 3,
                    },
                    640: {
                        slidesPerView: 5,
                    },
                    1024: {
                        slidesPerView: 6,
                    },
                },
            };

            Object.assign(this.swiper2.nativeElement, swiperParams);
            this.swiper2.nativeElement.initialize();
        })