Как слушать события в расширении Chrome

Question

Я пытаюсь создать расширение, которое будет встроено в любой веб-сайт через iframe. Расширение, которое я пытаюсь создать, разработано в React.js, и я хочу слушать события, которые нажимаются на веб-сайте. Я могу прослушать событие, используя jquery и vanilla javascript, но не в React. Есть ли способ, которым я могу слушать события в React?

Я создал компонент и добавил прослушиватель событий, но он прослушивает событие щелчка только внутри iframe, а не за его пределами.

componentDidMount () {
    document.getElementsByTagName('body')[0].addEventListener('click', this.event);
    window.addEventListener('click', this.event1)
}

event = (e) => {
  console.log(e);
}

event1 = (e) => {
  console.log(e);
}