From b66152dc8a529581e404bd01ab965d87716e8059 Mon Sep 17 00:00:00 2001
From: umaranis <mail@umaranis.com>
Date: Sat, 28 Dec 2024 20:50:56 +1100
Subject: [PATCH] bug: fix svelte error effect_update_depth_exceeded

---
 .../generic/colorpicker/ColorPicker.svelte     | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/packages/svelte-lexical/src/lib/components/generic/colorpicker/ColorPicker.svelte b/packages/svelte-lexical/src/lib/components/generic/colorpicker/ColorPicker.svelte
index 8add003..e0b3b46 100644
--- a/packages/svelte-lexical/src/lib/components/generic/colorpicker/ColorPicker.svelte
+++ b/packages/svelte-lexical/src/lib/components/generic/colorpicker/ColorPicker.svelte
@@ -1,6 +1,4 @@
 <script lang="ts">
-  import {run} from 'svelte/legacy';
-
   import {
     basicColors,
     transformColor,
@@ -61,20 +59,20 @@
   };
 
   // Check if the dropdown is actually active
-  run(() => {
+  $effect(() => {
     if (innerDivRef !== null && onChange) {
       onChange(selfColor.hex, $skipAddingToHistoryStack);
       inputColor = selfColor.hex;
     }
   });
 
-  run(() => {
-    if (color) {
-      const newColor = transformColor('hex', color);
-      selfColor = newColor;
-      inputColor = newColor.hex;
-    }
-  });
+  // run(() => {
+  //   if (color) {
+  //     const newColor = transformColor('hex', color);
+  //     selfColor = newColor;
+  //     inputColor = newColor.hex;
+  //   }
+  // });
 </script>
 
 <div