Get data from tab

import React from 'react';

const Popup: React.FC = () => {

  const handleOpen = () => {
    chrome.tabs.create({ url: "https://www.example.com/", active:true, pinned:true}, (tab) => {
      chrome.scripting.executeScript({
        target: {tabId:tab.id},
        func: () => {
          const tag = document.querySelector("a");
          console.log(tag);
          console.log("test");
          
        }
      })
    });
  };

  return (
    <div style={{ padding: '20px' }}>
      <button onClick={handleOpen}>Open link</button>
    </div>
  );
};

export default Popup;

import React from 'react';

const Popup: React.FC = () => {

  const handleOpen = () => {
    chrome.tabs.create({ url: "https://www.example.com/", active:true, pinned:true}, (tab) => {
      chrome.scripting.executeScript({
        target: {tabId:tab.id},
        func: () => {
          const tag = document.querySelector("a");
          console.log(tag);
          console.log("test");
          
        }
      })
    });
  };

  return (
    <div style={{ padding: '20px' }}>
      <button onClick={handleOpen}>Open link</button>
    </div>
  );
};

export default Popup;

"manifest": {
  "host_permissions": [
    "https://*/*"
  ],
  "permissions": [
    "scripting",
    "tabs",
    "webNavigation"
  ]
}

"manifest": {
  "host_permissions": [
    "https://*/*"
  ],
  "permissions": [
    "scripting",
    "tabs",
    "webNavigation"
  ]
}