dumbTable.js

import React from 'react';

const DumbTable = ({ data }) => {
  if (!data || data.length === 0) {
    return <>No data!</>
  }

  const columns = Object.keys(data[0])
  return (
    <table>
      <thead>
        <tr>
          {columns.map(x => (
            <th key={JSON.stringify(x)} style={{ padding: '.5em' }}>
              {x}
            </th>
          ))}
        </tr>
      </thead>
      <tbody>
        {data.map(y => (
          <tr key={JSON.stringify(y)}>
            {columns.map(x => (
              <td key={JSON.stringify(x)} style={{ padding: '.5em' }}>
                {y[x]}
              </td>
            ))}
          </tr>
        ))}
      </tbody>
    </table>
  )
}