Angular BroadcastChannel: передача данных между двумя вкладками браузера, свойство не существует для типа BroadcastChannel

Question

Как использовать широковещательный канал с Angular Typescript? Мы отправляем данные между двумя браузерами windows (это соответствует дизайну UX). Получение ошибки ниже. Почему свойство не существует?

Постоянная попытка получать данные во втором компоненте, каждый раз, когда что-то отправляется.

Чтение этого ресурса: https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API

Компонент отправителя выполняет следующие действия:

ngOnInit() {
    const bc = new BroadcastChannel('test_channel');
    bc.postMessage('GetData');

Компонент-получатель:

ngOnInit() {
    const bc = new BroadcastChannel('test_channel');
    bc.onmessage = function (ev) { 
    if (ev.data == "GetData") {
     this.productName = "test;
    }
  }

Ошибка: свойство 'productName 'не существует для типа' BroadcastChannel '.