Self.ctx.$scope.$apply не является функцией

Я создаю собственный виджет наthingboard pe для вызова конечной точки API и отображения результатов в формате таблицы. Я столкнулся с этой ошибкой: self.ctx.$scope.$apply не является функцией, и, хоть убей, не могу найти решение. Глядя на консоль браузера, я знаю, что запрос API выполнен и получен статус 200 вместе с результатами в формате JSON. Кто-нибудь знает, как я могу это решить. вот мой код -

`

self.onInit = function() {
    self.ctx.$scope.fetchData = function() {
        const url = 'https://xxxxx.xxxxxxxxxxxxxx';
        const username = 'xxxxxxxxxxxxxxxxxxx'; 
        const password = 'xxxxxxxxxxxxxxxxx'; 

        const headers = new Headers({
            'Authorization': 'Basic ' + btoa(`${username}:${password}`),
            'Content-Type': 'application/json'
        });

        fetch(url, { method: 'GET', headers: headers })
            .then(response => {
                if (!response.ok) {
                    throw new Error('Network response was not ok');
                }
                return response.json();
            })
            .then(data => {
                self.ctx.$scope.$apply(function() {
                    if (data && data.length > 0) {
                        self.ctx.$scope.data = data;
                    } else {
                        self.ctx.$scope.data = null;
                    }
                });
            })
            .catch(error => {
                console.error('Error fetching data:', error);
                self.ctx.$scope.$apply(function() {
                    self.ctx.$scope.data = null;
                });
            });
    };

    self.ctx.$scope.fetchData();
};

Попробовал использовать $timeout вместо кубиков