Has anyone used Table with graphql-code-generator's client preset?

// UserCell.tsx
const Fragment = useGraphql(`
fragment UserCell on UserType {
  firstName
}
`)

function UserCell({
  row: { original }
}: CellContext<FragmentType<typeof Fragment>, unknown>) {
  const user = useFragment(Fragment, original)
  return <p>{user.firstName}</p>
}

// UserTable.tsx
const Fragment = useGraphql(`
fragment UserTable on UserType {
  id
  ...UserCell
}
`)

const columns: DataTableProps<FragmentType<typeof Fragment>>["columns"] = [
  {id: "firstName", accessorKey: "firstName", header: "User", cell: UserCell}
]

export function UserTable({ data }) {
  // assume data is the result of some query that returns a list of users
  const rows = data.map(user => useFragment(Fragment, user))
  // each row now has type ResultOf<typeof Fragment>
  return (
    <DataTable data={rows} columns={columns} ... />
  )
}