React; Basic table from array of Objects

Table.jsx

const TableWrapper = ({
    title,
    isHidden,
    data
  }: { title, isHidden, data }) => {
    if (!data || data.length <= 0) return
    const headers = Object.keys(data[0]).filter(key => !isHidden.includes(key))
    return (
      <>
        <h3>{title}</h3>
        <table>
          <thead>
            <tr>
              {headers.map((label: String) => (
                <th>{ label }</th>
              ))}
            </tr>
          </thead>
          <tbody>
            {data.map((row) => (
              <tr>
                {Object.keys(row)
                  .filter(key => !isHidden.includes(key))
                  .map((key) => (
                    <td>{row[key]}</td>
                  )
                )}
              </tr>
            ))}
          </tbody>
        </table>
      </>
    )
  }