From 66dcc10cb9f580e6128512b1631ca61112368354 Mon Sep 17 00:00:00 2001
From: Daniel Koch <koch@terrestris.de>
Date: Wed, 18 Dec 2024 09:58:27 +0100
Subject: [PATCH] fix: create deep clone from state value

---
 src/components/ToolMenu/LayerTree/index.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/ToolMenu/LayerTree/index.tsx b/src/components/ToolMenu/LayerTree/index.tsx
index 754c3d85a..516621eea 100644
--- a/src/components/ToolMenu/LayerTree/index.tsx
+++ b/src/components/ToolMenu/LayerTree/index.tsx
@@ -148,8 +148,9 @@ export const LayerTree: React.FC<LayerTreeProps> = ({
 
   const tileLoadStartListener = (evt: BaseEvent) => {
     setLayerTileLoadCounter((counter: LayerTileLoadCounter) => {
-      const uid = parseInt(getUid(evt.target), 10);
-      const update = { ...counter };
+      const uid = getUid(evt.target);
+      const update = structuredClone(counter);
+
       // reset when load was finished
       if (update[uid] && update[uid].loaded >= update[uid].loading) {
         update[uid].loading = 1;
@@ -157,6 +158,7 @@ export const LayerTree: React.FC<LayerTreeProps> = ({
         update[uid].percent = 0;
         return update;
       }
+
       if (!update[uid]) {
         update[uid] = {
           loading: 0,
@@ -164,16 +166,19 @@ export const LayerTree: React.FC<LayerTreeProps> = ({
           percent: 0
         };
       }
+
       update[uid].loading = Number.isInteger(update[uid].loading) ?
         update[uid].loading + 1 : 1;
+
       return update;
     });
   };
 
   const tileLoadEndListener = (evt: BaseEvent | Event) => {
     setLayerTileLoadCounter((counter: LayerTileLoadCounter) => {
-      const uid = parseInt(getUid(evt.target), 10);
-      const update = { ...counter };
+      const uid = getUid(evt.target);
+      const update = structuredClone(counter);
+
       if (!update[uid]) {
         update[uid] = {
           loading: 0,
@@ -181,12 +186,16 @@ export const LayerTree: React.FC<LayerTreeProps> = ({
           percent: 0
         };
       }
+
       update[uid].loaded = Number.isInteger(update[uid].loaded) ?
         update[uid].loaded + 1 : 1;
+
       const percent = Math.round(update[uid].loaded / update[uid].loading * 100);
+
       if (percent > update[uid].percent) {
         update[uid].percent = percent;
       }
+
       return update;
     });
   };