Как остановить / обновить функцию в зависимости от ширины экрана? Моя функция не работает

Question

Я пытаюсь добавить прослушиватель событий при загрузке окна и изменить его размер. И когда я изменяю размер или размер экрана и становится меньше или равен 500, я хочу остановить функцию.

Вот что у меня есть:

import Rellax from 'rellax';

(() => {

    let RellaxAnimations = document.querySelectorAll('.rellax');
    let currentScreenWidth =  window.innerWidth;
    let minScreenWidth = 1024;

    if(!RellaxAnimations) {
        return;
    }

    [].forEach.call(RellaxAnimations, (animate) => {
        let rellax = new Rellax(animate, {
            center: false
        });

        const refreshYoMama = () => {
            if(currentScreenWidth <= minScreenWidth) {
                rellax.destroy();
            } else {
                rellax.refresh();
            }
            console.log(rellax);
        }

        window.addEventListener('load', () => {
            refreshYoMama();
        }, false);

        window.addEventListener('resize', () => {
            refreshYoMama();
        }, false);
    });


})();