React [{}] to table #reactjs

Table.js

const Table = ({data }) => {
  if(data.length === 0) return null;

  const rows = Object.keys(data[1]);
  return (
    <table>
      <thead>
      <tr>
        {rows.map(key => (
          <th>{key}</th>
        ))}
      </tr>
      </thead>
      <tbody>
      {data.map((tr ) => {
        return (
          <tr key={tr.key}>
            {rows.map((d, i)=> (
              <td key={i}>{tr[d] === undefined? 'n/a' : tr[d].toString()}</td>
            ))}
          </tr>
        );
      })}
      </tbody>
    </table>
  );
};