Strict done!!

overlord/src/app/cost-centre/cost-centre-list/cost-centre-list.component.ts

@@ -15,8 +15,8 @@ import { CostCentreListDataSource } from './cost-centre-list-datasource';
 export class CostCentreListComponent implements OnInit {
   @ViewChild(MatPaginator, { static: true }) paginator?: MatPaginator;
   @ViewChild(MatSort, { static: true }) sort?: MatSort;
-  dataSource: CostCentreListDataSource;
-  list: CostCentre[];
+  list: CostCentre[] = [];
+  dataSource: CostCentreListDataSource = new CostCentreListDataSource(this.list);
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns = ['name', 'isFixture'];
 
@@ -28,6 +28,6 @@ export class CostCentreListComponent implements OnInit {
 
       this.list = data.list;
     });
-    this.dataSource = new CostCentreListDataSource(this.paginator, this.sort, this.list);
+    this.dataSource = new CostCentreListDataSource(this.list, this.paginator, this.sort);
   }
 }