From e023fee8da93993291e4c347b206c83d57368934 Mon Sep 17 00:00:00 2001
From: Jaroslaw Zolnowski <jarek@devintent.com>
Date: Sun, 21 May 2023 16:31:50 +0200
Subject: [PATCH] Fix(cdk-tree): initialize cdk-tree component datasource in
 the constructor

---
 src/app/angular/cdk-tree/cdk-tree.component.ts | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/app/angular/cdk-tree/cdk-tree.component.ts b/src/app/angular/cdk-tree/cdk-tree.component.ts
index 2a0d9ee..01f0f0e 100644
--- a/src/app/angular/cdk-tree/cdk-tree.component.ts
+++ b/src/app/angular/cdk-tree/cdk-tree.component.ts
@@ -1,4 +1,4 @@
-import { ArrayDataSource } from '@angular/cdk/collections';
+import { ArrayDataSource, DataSource } from '@angular/cdk/collections';
 import { FlatTreeControl } from '@angular/cdk/tree';
 import { Component } from '@angular/core';
 import { ExampleFlatNode } from './cdk-tree.model';
@@ -11,14 +11,17 @@ import { CdkTreeService } from './cdk-tree.service';
 })
 export class CdkTreeComponent {
   static selector = 'appCdkTree';
-  private readonly treeData: ExampleFlatNode[] = this.cdkTreeService.getTreeData();
-  treeControl = new FlatTreeControl<ExampleFlatNode>(
+  private readonly treeData: ExampleFlatNode[];
+  readonly treeControl = new FlatTreeControl<ExampleFlatNode>(
     node => node.level,
     node => node.expandable
   );
-  dataSource = new ArrayDataSource(this.treeData);
+  readonly dataSource: DataSource<ExampleFlatNode>;
 
-  constructor(private cdkTreeService: CdkTreeService) {}
+  constructor(private cdkTreeService: CdkTreeService) {
+    this.treeData = this.cdkTreeService.getTreeData();
+    this.dataSource = new ArrayDataSource(this.treeData);
+  }
 
   hasChild = (_: number, node: ExampleFlatNode) => node.expandable;