How to use the react-table/lib/hoc/selectTable function in react-table

import { Query } from "react-apollo";
import matchSorter from "match-sorter";
import ReactTable from "react-table";
import checkboxHOC from "react-table/lib/hoc/selectTable";
import ChevronRightIcon from "mdi-material-ui/ChevronRight";
import ChevronLeftIcon from "mdi-material-ui/ChevronLeft";
import { registerComponent } from "@reactioncommerce/reaction-components";
import styled from "styled-components";
import Select from "@reactioncommerce/components/Select/v1";
import TextInput from "@reactioncommerce/components/TextInput/v1";
import Button from "@reactioncommerce/catalyst/Button";
import { i18next } from "/client/api";
import { pagination } from "./util/pagination";
import TagTableSelect from "./TagTableSelect";

const CheckboxTable = checkboxHOC(ReactTable);

const TableHeader = styled.div`
  display: flex;
  margin-bottom: 20px;
`;

const FilterTextInput = styled.div`
  display: flex;
  flex: 1;

  > div {
    width: 100%;
  }
`;

const BulkActionsSelect = styled.div`

import React from 'react';
import ReactTable from 'react-table'
import checkboxHOC from 'react-table/lib/hoc/selectTable';

const CheckboxTable = checkboxHOC(ReactTable);

const columns = [
  {
    Header: 'Machines',
    columns: [
      {Header: 'Machine', accessor: 'name'},
      {Header: 'Instance ID', accessor: 'instance_id'},
      {Header: 'IP Address', accessor: 'ip_address'},
      {Header: 'OS', accessor: 'os'}
    ]
  }
];

const pageSize = 10;

class AwsRunTableComponent extends React.Component {

const columns: Column[] = [
    {
        Cell: DEPAccountServerName,
        Header: "Server Name",
        accessor: "attributes.server_name",
        id: "server_name",
    },
    {
        Header: "Organization",
        accessor: "attributes.org_name",
        id: "org_name",
    },
];

const ReactSelectTable = selectTableHoc(ReactTable);

export const DEPAccountsTable = ({ data, ...props }: IDEPAccountsTableProps & Partial) => (
    
);

import ReactTable from 'react-table';
import treeTableHOC from 'react-table/lib/hoc/treeTable';
import selectTableHOC from 'react-table/lib/hoc/selectTable';

import { Table, Props as TableProps } from './Table.component';

const TreeTable = treeTableHOC(ReactTable);
const SelectTable = selectTableHOC(ReactTable);
const SelectTreeTable = selectTableHOC(treeTableHOC(ReactTable));

export { TreeTable, SelectTable, SelectTreeTable, Table, TableProps };

const columns: Column[] = [
    {
        Cell: ProfileName,
        Header: "Name",
        accessor: (device: JSONAPIDataObject) => device.attributes.device_name,
        id: "display_name",
    },
    {
        Header: "UUID",
        accessor: "attributes.uuid",
        id: "uuid",
    },
];

const ReactSelectTable = selectTableHoc(ReactTable);

export const ProfilesTable = ({ data, ...props }: IProfilesTableProps & Partial) => (
    
);

import ReactTable from "react-table";

import Snackbar from "@material-ui/core/Snackbar";
import IconButton from "@material-ui/core/IconButton";
import CloseIcon from "@material-ui/icons/Close";

import Downloads from "./Downloads.js";
import EditCard from "./EditCard.js";

import Grid from "@material-ui/core/Grid";

import axios from "axios";
import "react-table/react-table.css";

import checkboxHOC from "react-table/lib/hoc/selectTable";
let CheckboxTable = checkboxHOC(ReactTable);

let lib = require("../utils/library.ts");

export default class DataTable extends Component {
  constructor(props) {
    super(props);
    this.state = {
      table: props.table,
      columns: props.columns,
      data: [],
      url: props.url,
      dbPrimaryKeys: [],
      tablePrimaryKeys: [],
      editFeatureEnabled: false,
      editFeatureChangesMade: {},
      rowsStrikedOut: []

id: "artist_name",
    },
    {
        Cell: AppName,
        Header: "Name",
        accessor: "attributes.display_name",
        id: "display_name",
    },
    {
        Header: "Version",
        accessor: "attributes.version",
        id: "version",
    },
];

const ReactSelectTable = selectTableHoc(ReactTable);

export const ApplicationsTable = ({ data, ...props }: IApplicationsTableProps & Partial) => (
    
);

{
        Header: "OS",
        accessor: "attributes.os_version",
        id: "os_version",
        maxWidth: 100,
    },
    {
        Cell: (props: CellInfo) => props.value ? distanceInWordsToNow(props.value, {addSuffix: true}) : "never",
        Header: "Last Seen",
        accessor: "attributes.last_seen",
        filterable: false,
        id: "last_seen",
    },
];

const ReactSelectTable = selectTableHoc(ReactTable);

export const DevicesTable = ({ data, ...props }: IDevicesTableProps & Partial) => (
    
);

const columns: Column[] = [
    {
        Cell: DEPProfileName,
        Header: "Name",
        accessor: "attributes.profile_name",
        id: "profile_name",
    },
    {
        Header: "UUID",
        accessor: "attributes.uuid",
        id: "uuid",
    },
];

const ReactSelectTable = selectTableHoc(ReactTable);

export const DEPProfilesTable = ({ data, ...props }: IDEPProfilesTableProps & Partial) => (
    
);