diff --git a/src/components/ImageCropper.svelte b/src/components/ImageCropper.svelte
index fa7ab1d..abce7b0 100644
--- a/src/components/ImageCropper.svelte
+++ b/src/components/ImageCropper.svelte
@@ -6,7 +6,7 @@
   import { ImageService } from "../lib/services/imageService";
   import { uiStore, setLoading } from "../stores/uiStore";
   
-  let Cropper: any;
+  let Cropper = $state.raw<any>(undefined);
 
   onMount(async () => {
     if (browser) {
diff --git a/src/components/PanelPreview.svelte b/src/components/PanelPreview.svelte
index b1503d6..c1e28e8 100644
--- a/src/components/PanelPreview.svelte
+++ b/src/components/PanelPreview.svelte
@@ -8,10 +8,10 @@
     onDownload?: () => void;
   } = $props();
 
-  let Stage: any;
-  let Layer: any;
-  let KonvaImage: any;
-  let Text: any;
+  let Stage = $state.raw<any>(undefined);
+  let Layer = $state.raw<any>(undefined);
+  let KonvaImage = $state.raw<any>(undefined);
+  let Text = $state.raw<any>(undefined);
 
   let backgroundImage: HTMLImageElement | undefined = $state(undefined);
 
diff --git a/src/components/TextPreview.svelte b/src/components/TextPreview.svelte
index 59982ae..0553ba5 100644
--- a/src/components/TextPreview.svelte
+++ b/src/components/TextPreview.svelte
@@ -12,10 +12,10 @@
     height: number;
   } = $props();
 
-  let Stage: any;
-  let Layer: any;
-  let KonvaImage: any;
-  let Text: any;
+  let Stage = $state.raw<any>(undefined);
+  let Layer = $state.raw<any>(undefined);
+  let KonvaImage = $state.raw<any>(undefined);
+  let Text = $state.raw<any>(undefined);
   let bgImage: HTMLImageElement | undefined = $state(undefined);
   let currentPanel = $state($panelStore);