Всем привет Нужна помощь с drag&drop исходные данные: 1) массив состоящий из N

Question

Всем привет Нужна помощь с drag&drop исходные данные: 1) массив состоящий из N

объектов колонок
2) каждая колонка имеет поле с массивом объектов элементов
3) вывожу это всё дело так:
<div class="columns" cdkDropListGroup>
<div
class="list column"
cdkDropList
[cdkDropListData]="column.elements"
*ngFor="let column of columns | async"
(cdkDropListDropped)="drop($event)"
>
<div class="column-title">{{ column.columnName }}</div>
<div cdkDrag *ngFor="let item of column.elements" class="element">
{{ item }}
</div>
</div>
</div>

Получаю вот такую ошибку
Error in src/app/app.component.html (7:32)
Argument of type 'CdkDragDrop<ColumnElement[], any, any>' is not assignable to parameter of type 'CdkDragDrop<string[], string[], any>'.
Type 'ColumnElement[]' is not assignable to type 'string[]'.
Type 'ColumnElement' is not assignable to type 'string'.

Если элементы колонок переделать на простой массив со строками то всё нормально работает

Вопрос: Что нужно сделать чтобы я мог использовать объекты вместо массива строк?