Trying to access a column titles to populate a dropdown

{
  accessorKey: 'user_id',
  header: ({ column }) => <DataTableColumnHeader column={column} title='User ID' />
},

{
  accessorKey: 'user_id',
  header: ({ column }) => <DataTableColumnHeader column={column} title='User ID' />
},

{table
  .getAllColumns()
  .filter(column => typeof column.accessorFn !== 'undefined' && column.getCanHide())
  .map(column => {
    return (
      <DropdownMenuCheckboxItem
        key={column.id}
        checked={column.getIsVisible()}
        onCheckedChange={value => column.toggleVisibility(!!value)}
      >
        {column.id}. // HERE IS WHERE I'D LIKE TO USE THE COLUMN TITLE
      </DropdownMenuCheckboxItem>
    );
  })}

{table
  .getAllColumns()
  .filter(column => typeof column.accessorFn !== 'undefined' && column.getCanHide())
  .map(column => {
    return (
      <DropdownMenuCheckboxItem
        key={column.id}
        checked={column.getIsVisible()}
        onCheckedChange={value => column.toggleVisibility(!!value)}
      >
        {column.id}. // HERE IS WHERE I'D LIKE TO USE THE COLUMN TITLE
      </DropdownMenuCheckboxItem>
    );
  })}