romhml
diff --git a/‎devtools/app/components/JsonEditor.vue
+3-2 b/‎devtools/app/components/JsonEditor.vue
+3-2
diff --git a/‎devtools/app/pages/components/[id].vue
+4-1 b/‎devtools/app/pages/components/[id].vue
+4-1
@@ -5,9 +5,10 @@ import { Mode } from 'vanilla-jsoneditor'
 const modelValue = defineModel<Record<string, any>>({ default: () => {} })
 
 const jsonValue = shallowRef(modelValue.value)
-
 watch(jsonValue, (value) => {
-  if (value) modelValue.value = value
+  if (value && typeof value === 'object') {
+    modelValue.value = value
+  }
 })
 </script>
 
 
@@ -125,7 +125,10 @@ async function updateComponent() {
   await hooks.callHook('renderer:update-combo', { props: comboProps.value?.filter(Boolean) as ComboItem[] ?? [] })
 }
 
-const updatePropsDebounced = useDebounceFn(() => hooks.callHook('renderer:update-props', { props: props.value }), 100, { maxWait: 300 })
+const updatePropsDebounced = useDebounceFn(() => {
+  hooks.callHook('renderer:update-props', { props: { ...props.value } }),
+  100, { maxWait: 300 }
+})
 
 const hooks = createHooks<CompodiumHooks>()
Original file line number	Diff line number	Diff line change
`@@ -125,7 +125,10 @@ async function updateComponent() {`
`125`	`125`	`await hooks.callHook('renderer:update-combo', { props: comboProps.value?.filter(Boolean) as ComboItem[] ?? [] })`
`126`	`126`	`}`
`127`	`127`
`128`		`-const updatePropsDebounced = useDebounceFn(() => hooks.callHook('renderer:update-props', { props: props.value }), 100, { maxWait: 300 })`
	`128`	`+const updatePropsDebounced = useDebounceFn(() => {`
	`129`	`+ hooks.callHook('renderer:update-props', { props: { ...props.value } }),`
	`130`	`+ 100, { maxWait: 300 }`
	`131`	`+})`
`129`	`132`
`130`	`133`	`const hooks = createHooks<CompodiumHooks>()`
`131`	`134`