Access Chrome APIs in a web application built with ReactJS

Question

I am creating a web application in ReactJS, and I want to access Chrome APIs such as chrome.proxy, chrome.management, and chrome.tabs in my web application.

function App() {
  const onProxyConnect = () => {
    chrome.proxy.settings.get((details)=>{
      console.log({details}) //proxy details
    })
  };
  return (
    <div className='App'>
      <button onClick={onProxyConnect}>click</button>
    </div>
  );
}

export default App;