IGX GRID: ng-template for igx-column giving error

[kaushik-nippanikar]

This is my code for igx-grid

<igx-grid #grid1 [data]="data " [autoGenerate]="false">
<ng-container *ngFor="let column of columns" [ngTemplateOutlet]="columnTemplate" [ngTemplateOutletContext]="{column: column}">

<ng-template #columnTemplate let-column="column">
<igx-column [header]="column.name" [field]="column.prop" [sortable]="column.sortable" [width]="column.width"
[resizable]="column.resizable" [pinned]="column.pinned" [dataType]="column.dataType" [hidden]="column.hidden"
[movable]="column.movable" [cellStyles]="cellStyle" [hasSummary]="column.hasSummary" [editable]="false"
[groupable]="true">

It gives me the error

My package.json has

{
"@angular/animations": "~13.3.6",
"@angular/cdk": "^13.3.2",
"@angular/common": "~13.3.6",
"@angular/compiler": "~13.3.6",
"@angular/core": "~13.3.6",
"@angular/flex-layout": "^12.0.0-beta.35",
"@angular/forms": "~13.3.6",
"@angular/material": "^13.3.2",
"@angular/material-moment-adapter": "^13.3.2",
"@angular/platform-browser": "~13.3.6",
"@angular/platform-browser-dynamic": "~13.3.6",
"@angular/router": "~13.3.6",
"igniteui-angular-charts": "^13.0.0",
"igniteui-angular-core": "^13.0.0",
}