fix: deeply clone treeNodes to avoid Angular not detecting changes (#2966)

Co-authored-by: Akshat Patel <[email protected]>

Author: Licen-it

src/treeview/treeview.component.ts

@@ -70,7 +70,7 @@ export class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {
 	 * Passing value will disregard projected content
 	 */
 	@Input() set tree(treeNodes: Node[]) {
-		this._tree = treeNodes.map((node) => Object.assign({}, node));
+		this._tree = treeNodes.map((node) => this.copyNode(node));
 		this.treeViewService.contentProjected = false;
 	}
 
@@ -170,4 +170,13 @@ export class TreeViewComponent implements AfterViewInit, OnInit, OnDestroy {
 	public isProjected() {
 		return this.treeViewService.contentProjected;
 	}
+
+	private copyNode(node: Node): Node {
+		// making a recursive shallow copy to avoid performance issues when deeply cloning templateRefs if defined in the node
+		const copiedNode = Object.assign({}, node);
+		if (node.children) {
+		  copiedNode.children = node.children.map(child => this.copyNode(child));
+		}
+		return copiedNode;
+	}
 }