Как приложение React (расширение Chrome) может взаимодействовать с API Chrome devtools?

У меня есть небольшое расширение Chrome, в котором я хочу отображать записи запросов на вкладке devtool.

Репозиторий находится здесь: https://github.com/angrybacon/dydu-skadi/blob/a6c25106f591398217cc804ff1d025a8d6279814/public/devtools.js.

Как я могу получить доступ к двум значениям (помеченным как Request и Response) из приложения React?

Добавление актуального кода согласно запросу.

public/devtools.js

chrome.devtools.panels.create('Dydu Skadi', null, 'index.html', null);
chrome.devtools.network.onRequestFinished.addListener(requestHandler);


function requestHandler(entry) {
  const url = document.createElement('a');
  url.href = entry.request.url;
  if (!url.pathname.includes('chatHttp')) {
    return;
  }
  entry.getContent(content => {
    const parameters = {};
    for (const pair of new URLSearchParams(url.search.substr(1)).entries()) {
      parameters[pair[0]] = JSON.parse(pair[1]);
    };
    console.info('Request', parameters);
    console.info('Response', JSON.parse(content.replace(/.*\((.*)\)/, '$1')));
  });
}

src/components/Application/index.js

import React from 'react';


class Application extends React.Component {
  render() {
    return null;
  }
}


export default Application;

Как мне отобразить эти значения:

console.info('Request', parameters);
console.info('Response', JSON.parse(content.replace(/.*\((.*)\)/, '$1')));

Из моего компонента React Application?