create-chrome-plugin/src/pages/devtools/index.ts

Chrome Extension Boilerplate with React 18, TypeScript and Webpack 5

chrome.devtools.panels.create(
  'chrome-extension-boilerplate-react-typescript - Devtools',
  'icon-32.png',
  'panel.html',
  function (panel) {
    panel.onShown.addListener(onPanelShown);
    panel.onHidden.addListener(onPanelHidden);
  }
);

function onPanelShown() {
  chrome.runtime.sendMessage('unity-panel-shown');
}

function onPanelHidden() {
  chrome.runtime.sendMessage('unity-panel-hidden');
}