From 9fc4e213df758576f393975e12e0ae5b929330c4 Mon Sep 17 00:00:00 2001
From: Hrafn Malmquist <hrafn.malmquist@gmail.com>
Date: Tue, 22 Aug 2023 04:28:28 +0100
Subject: [PATCH] Add trackby function so cdktree can differentiate between new
 and old nodes

(cherry picked from commit 5f71de885bc811152729b3fefcb6fefbeda3001e)
---
 .../community-list/community-list.component.html                | 2 +-
 .../community-list/community-list.component.ts                  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/community-list-page/community-list/community-list.component.html b/src/app/community-list-page/community-list/community-list.component.html
index 38c9ed1ad6..18e9e84577 100644
--- a/src/app/community-list-page/community-list/community-list.component.html
+++ b/src/app/community-list-page/community-list/community-list.component.html
@@ -1,5 +1,5 @@
 <ds-themed-loading *ngIf="(dataSource.loading$ | async) && !loadingNode" class="ds-themed-loading"></ds-themed-loading>
-<cdk-tree [dataSource]="dataSource" [treeControl]="treeControl">
+<cdk-tree [dataSource]="dataSource" [treeControl]="treeControl" [trackBy]="trackBy">
   <!-- This is the tree node template for show more node -->
   <cdk-tree-node *cdkTreeNodeDef="let node; when: isShowMore" cdkTreeNodePadding
                  class="example-tree-node show-more-node">
diff --git a/src/app/community-list-page/community-list/community-list.component.ts b/src/app/community-list-page/community-list/community-list.component.ts
index 5b2f930813..e4ad5d8c29 100644
--- a/src/app/community-list-page/community-list/community-list.component.ts
+++ b/src/app/community-list-page/community-list/community-list.component.ts
@@ -30,6 +30,7 @@ export class CommunityListComponent implements OnInit, OnDestroy {
   );
 
   dataSource: CommunityListDatasource;
+  trackBy = (index, node: FlatNode) => node.id;
 
   paginationConfig: FindListOptions;