diff --git a/src/components/SearchableTree.vue b/src/components/SearchableTree.vue
index cb02c8b..24943e4 100644
--- a/src/components/SearchableTree.vue
+++ b/src/components/SearchableTree.vue
@@ -57,12 +57,9 @@
 <script setup lang="ts">
 import { ref, watch } from "vue";
 
-const props = defineProps<{ tree?: InvokeTree }>();
-
-const tree = ref(props.tree);
-if (!tree.value) {
-  tree.value = [];
-}
+const props = withDefaults(defineProps<{ tree?: InvokeTree }>(), {
+  tree: () => [],
+});
 
 const expandedKeys = ref<string[]>([]);
 const searchValue = ref<string>("");
@@ -104,16 +101,16 @@ const generateList = (data: InvokeTreeNode[], preKey: string) => {
     }
   }
 };
-generateList(tree.value, "");
+generateList(props.tree, "");
 
 watch(searchValue, (value) => {
-  if (!tree?.value) {
+  if (!props.tree.length) {
     return;
   }
   expandedKeys.value = dataList
     .map((item: InvokeTreeNode) => {
       if (item.title.indexOf(value) > -1) {
-        return getParentKey(item.key, tree.value as InvokeTree);
+        return getParentKey(item.key, props.tree as InvokeTree);
       }
       return null;
     })