diff --git a/packages/nc-gui-v2/components/webhook/Drawer.vue b/packages/nc-gui-v2/components/webhook/Drawer.vue
index 2c8462810d..65894820e5 100644
--- a/packages/nc-gui-v2/components/webhook/Drawer.vue
+++ b/packages/nc-gui-v2/components/webhook/Drawer.vue
@@ -22,7 +22,7 @@ const dialogShow = computed({
 async function editHook(hook: Record<string, any>) {
   editOrAdd.value = true
   nextTick(async () => {
-    webhookEditorRef.value.hook = { ...hook }
+    webhookEditorRef.value.setHook(hook)
     await webhookEditorRef.value.onEventChange()
   })
 }