diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/StatePanel.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/StatePanel.svelte
index 522ab9adc3..37c252c280 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/StatePanel.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/StatePanel.svelte
@@ -56,7 +56,13 @@
   ) => {
     if (screen && key) {
       searchComponents(screen, key)
-      editorValue = $previewStore.selectedComponentContext?.state?.[key] ?? ""
+      const stateValue = $previewStore.selectedComponentContext?.state?.[key]
+
+      if (typeof stateValue === "object") {
+        editorValue = JSON.stringify(stateValue)
+      } else {
+        editorValue = stateValue ?? ""
+      }
     } else {
       editorValue = ""
       componentsUsingState = []