const Table =() => {
  const table = useReactTable({
    data: [
      ['Hello', 1, 2, 3],
      ['World', 4, 5, 6],
    ],
    columns: [
      { header: 'Name', accessorKey: 0 },
      { header: 'Col1', accessorKey: 1 },
      { header: 'Col2', accessorKey: 2 },
      { header: 'Col3', accessorKey: 3 },
    ],
    getCoreRowModel: getCoreRowModel(),
  });

  return (
    <table>
      <thead>
        <tr>
          {table.getFlatHeaders().map((header) => (
            <th key={header.id}>
              {header.isPlaceholder
                ? null
                : flexRender(header.column.columnDef.header, header.getContext())}
            </th>
          ))}
        </tr>
      </thead>
      <tbody>
        {table.getRowModel().rows.map((row) => (
          <tr key={row.id}>
            {row.getVisibleCells().map((cell) => (
              <td key={cell.id}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</td>
            ))}
          </tr>
        ))}
      </tbody>
    </table>
  );
});

columns: [
  { header: 'Name', accessorKey: '0' },
  { header: 'Col1', accessorKey: '1' },
  { header: 'Col2', accessorKey: '2' },
  { header: 'Col3', accessorKey: '3' }
]