<div id="root">
    <!-- This element's contents will be replaced with your component. -->
</div>

const {useEffect, useState} = React;

function App() {
  const [tableData, setTableData] = useState(null);

  useEffect(() => {
    async function getTableData() {
      try {
        await fetch('https://jsonplaceholder.typicode.com/posts/1')
          .then((res) => { return res.json() })
          .then((data) => { 
             //console.log(data)
            setTableData(data) 
          })
      }
      catch (err) {
        console.error(err);
      }
    }
    getTableData();
  }, []);

  return (
    <div className="wrapper">
        tableData: { tableData && 'ok' }
    </div>
  );
}



  ReactDOM.render(
    <App/>,
    document.getElementById('root')
  );