tested on a different repo and noticed an issue (despite passing all of
the eslint test cases)
If we are in the following scenario:
```tsx
const columns: ColumnDef<User>[] = [
{
accessorKey: 'firstName',
header: ({ column }) => <DataTableColumnHeader column={column} title="First Name" />,
cell: ({ row }) => <div>{row.getValue('firstName')}</div>,
enableSorting: true,
enableHiding: false,
},
]
```
Previously an error would be reported however it did not make sense to
as the object has to be mapped again before it is displayed in react
(hence lets check there instead)