how to format checkbox in react-data-grid using JavaScript

Question

return (
    <DataGrid
      className="fill-grid"
      columns={columns}
      rows={sortedRows}
      rowKeyGetter={rowKeyGetter}
      onRowsChange={setRows}
      sortColumns={sortColumns}
      onSortColumnsChange={setSortColumns}
      selectedRows={selectedRows}
      onSelectedRowsChange={setSelectedRows}
      renderers={{ sortStatus, checkboxFormatter }}
      direction={direction}
    />
  );
}

function checkboxFormatter(
  { onChange, ...props }: CheckboxFormatterProps,
  ref: React.RefObject<HTMLInputElement>
) {
  function handleChange(e: React.ChangeEvent<HTMLInputElement>) {
    onChange(e.target.checked, (e.nativeEvent as MouseEvent).shiftKey);
  }

  return <input type="checkbox" ref={ref} {...props} onChange={handleChange} />;
}

This is code in typescript

I need to use him in JavaScript I can't see reflection in grid checkbox button in react-data-grid

i don't no how can do this