diff --git a/packages/applet/src/components/state/ChildStateViewer.vue b/packages/applet/src/components/state/ChildStateViewer.vue
index 9e46718bd..20e136582 100644
--- a/packages/applet/src/components/state/ChildStateViewer.vue
+++ b/packages/applet/src/components/state/ChildStateViewer.vue
@@ -4,7 +4,7 @@ import StateFieldViewer from './StateFieldViewer.vue'
 
 withDefaults(defineProps<{
   data: CustomInspectorState[]
-  depth: number
+  depth?: number
   index: string
   expandedStateId?: string
 }>(), {
diff --git a/packages/applet/src/components/tree/TreeViewer.vue b/packages/applet/src/components/tree/TreeViewer.vue
index 4c47e49bf..a194e1249 100644
--- a/packages/applet/src/components/tree/TreeViewer.vue
+++ b/packages/applet/src/components/tree/TreeViewer.vue
@@ -9,8 +9,8 @@ import { useToggleExpanded } from '~/composables/toggle-expanded'
 
 withDefaults(defineProps<{
   data: ComponentTreeNode[] | InspectorTree[]
-  depth: number
-  withTag: boolean
+  depth?: number
+  withTag?: boolean
 }>(), {
   depth: 0,
   withTag: false,