import logo from './logo.svg';
import './App.css';
import React, { useState, useEffect } from 'react';

function App() {
  const [data, setData] = useState([]);

  useEffect(() => {
    fetch('/api/data')
      .then(res => res.json())
      .then(data => setData(data));
  }, []);

  return (
    <div>
      <h1>Report Data</h1>
      <table>
        <thead>
          {/* ... table headers ... */}
        </thead>
        <tbody>
          {data.map(row => (
            <tr key={row.id}>
              {/* ... table rows ... */}
            </tr>
          ))}
        </tbody>
      </table>
    </div>
  );
}

export default App;