Создание расширения Chrome с React для просмотра изменений DOM

Question

Я думал об использовании React для разработки расширения Chrome.Это приложение должно было бы проверять любые изменения DOM на текущей веб-странице, на которой находится пользователь.

Я всегда использовал реакцию для проверки обновлений DOM в пределах самого приложения реакции, возможно ли этопроверить DOM веб-страниц с расширением реагировать Chrome?

РЕДАКТИРОВАТЬ: Я пытался использовать Mutation Observer, но он не дает никаких результатов здесь.

var twitter = document.querySelector('#tweet-box-home-timeline > div'); //twitter time-line specific HTML
var observer = new MutationObserver(function(mutations){
    mutations.forEach(function(mutation){
        console.log(mutation.type); //should log mutation type
        console.log('hello'); // should also log
    });
});

var config = {characterData: true, subtree: true};
observer.observe(twitter, config);
//observer.disconnect();
}

EDIT2: Я получил это, спасибо!

Новый / рабочий код:

$(document).keypress(function() {
  var twitter =  document.querySelector('#tweet-box-home-timeline > div');
  new MutationObserver(function() {
    console.log(twitter.innerHTML);
  }).observe(twitter, {characterData: true,childList: true, subtree: true});
});
}