<DataList
  environment={Environment}
  query={graphql`
    query DataListQuery($first: Int!) {
      users(first: $first) @connection(key: "DataList_users") {
        edges {
          node {
            id
            name
            active
          }
        }
        pageInfo {
          hasNextPage
        }
      }
    }
  `}
  table={{
    columns: [
      {
        label: 'Name',
        property: 'name',
      },
      {
        label: 'Active',
        render: (user) => user.active ? 'Yes' : 'No',
      },
    ],
  }}
  checkboxes={{
    component: (props) => <input type="checkbox" {...props} />,
    onChange: (values) => console.log(values),
  }}
/>