Why .destroy occurs err?

[SoliMoli0]

Hey there,
I've been using Swiper slider for a long time, But still have an issue with destroy method.
This is my code:

`
function checkViewport() {
const swiper = new Swiper('.infopost-tpl-m7 .js-ipowl-m7', {
dir: 'rtl',
loop: true,
centeredSlides: true,
slidesPerView: 3,
spaceBetween: 30,
init: false,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
breakpoints: {
400: {
spaceBetween: 15,
loop: true,
},
480: {
spaceBetween: 20,
loop: true,
},
530: {
spaceBetween: 20,
loop: true,
},
768: {
slidesPerView: 3,
spaceBetween: 20,
loop: true,
},
992: {
slidesPerView: 4,
spaceBetween: 20,
loop: false,
},
},
});

        if ($(window).width() < 992) {
            swiper.destroy()
        } else if ($(window).width() > 992 && !$('.infopost-tpl-m7 .js-ipowl-m7').hasClass('swiper-initialized')) {
            swiper.init()
        }
    }

    checkViewport();

    $(window).on('resize', function () {
        checkViewport();
    })

`

Works fine in desktop view, But whenever I go below 992 swiper.destroy returns:

el[domMethod] is not a function

I even switched my code to this:

`
function checkViewport() {

        if ($(window).width() < 992 && !$('.infopost-tpl-m7 .js-ipowl-m7').hasClass('swiper-initialized')) {

            console.log('test')

            new Swiper('.infopost-tpl-m7 .js-ipowl-m7', {
                dir: 'rtl',
                loop: true,
                centeredSlides: true,
                slidesPerView: 1.8,
                spaceBetween: 30,
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
                breakpoints: {
                    400: {
                        slidesPerView: 2,
                        spaceBetween: 15,
                        centeredSlides: true,
                    },
                    480: {
                        slidesPerView: 2.4,
                        spaceBetween: 20,
                        centeredSlides: true,
                    },
                    530: {
                        slidesPerView: 2.6,
                        spaceBetween: 20,
                        centeredSlides: true,
                    },
                    576: {
                        slidesPerView: 2.4,
                        centeredSlides: true,
                    },
                    768: {
                        slidesPerView: 3,
                        spaceBetween: 20,
                        centeredSlides: true,
                    },
                },
            });
        } else if ($(window).width() > 992 && $('.infopost-tpl-m7 .js-ipowl-m7').hasClass('swiper-initialized')) {
            Swiper.destroy();
        }
    }

    checkViewport();

    $(window).on('resize', function () {
        checkViewport();
    })

`
But I get:

.destroy is not a function

So please tell me how handle destroy? Am I doing something wrong in my code?
Thanks. 🙌