Clientside Pagination Total Count

const ItemsList = () => {
  const { dataGridProps, tableQueryResult } = useDataGrid({
    resource: 'items',
    meta: {
      fields: ['id', 'name'],
    },
    pagination: {
      mode: 'client',
    },
  })

  const { data, isLoading, isError } = tableQueryResult

  const items = data?.data ?? ''

  if (isLoading) {
    return <div>Loading...</div>
  }

  if (isError) {
    return <div>Something went wrong!</div>
  }

  if (items) {
    return (
      <div style={{ width: '100%' }}>
        <h1>Items</h1>
        <List>
          <DataGrid {...dataGridProps} columns={columns} autoHeight />
        </List>
      </div>
    )
  }
  return <></>
}

const ItemsList = () => {
  const { dataGridProps, tableQueryResult } = useDataGrid({
    resource: 'items',
    meta: {
      fields: ['id', 'name'],
    },
    pagination: {
      mode: 'client',
    },
  })

  const { data, isLoading, isError } = tableQueryResult

  const items = data?.data ?? ''

  if (isLoading) {
    return <div>Loading...</div>
  }

  if (isError) {
    return <div>Something went wrong!</div>
  }

  if (items) {
    return (
      <div style={{ width: '100%' }}>
        <h1>Items</h1>
        <List>
          <DataGrid {...dataGridProps} columns={columns} autoHeight />
        </List>
      </div>
    )
  }
  return <></>
}