const MyArrayTester = ({ 
  data,
  cells,
  handleChange,
  rootSchema,
  uischema,
  schema,
  path
}: InputControlProps) => (
    <TableContainer component={Paper}>
      <Table aria-label="simple table">
        <TableHead>
          <TableRow>
            <TableCell>Name</TableCell>
            <TableCell align="right">Type</TableCell>
            <TableCell align="right">Description</TableCell>
            <TableCell align="right">Example</TableCell>
          </TableRow>
        </TableHead>
        <TableBody>
          {cells.map((row, index) => (
            <TableRow key={row.name}>
              <TableCell component="th" scope="row">
                {row.baseProperties}
              </TableCell>
              <TableCell
              align="right"
              onClick={(ev: any) => {//debugging
                var all = "";
                for(var prop in data) {
                  all+=prop + '\n';
                  }
                  alert(all);
                  alert(data.baseProperties);
               }}
              >
              {row.name}</TableCell>
              <TableCell align="right">{row.type}</TableCell>
              <TableCell align="right">{row.description}</TableCell>
              <TableCell align="right">{row.example}</TableCell>
            </TableRow>
          ))}
        </TableBody>
      </Table>
    </TableContainer>
  );
export const myArrayTester = rankWith(1000, scopeEndsWith('baseProperties'));
export default withJsonFormsLayoutProps(MyArrayTester);