diff --git a/packages/nc-gui/components/webhook/Test.vue b/packages/nc-gui/components/webhook/Test.vue
index 058e27fef6..2f7ad98cd9 100644
--- a/packages/nc-gui/components/webhook/Test.vue
+++ b/packages/nc-gui/components/webhook/Test.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
+import type { HookTestReqType, HookType } from 'nocodb-sdk'
 import { MetaInj, extractSdkResponseErrorMsg, inject, message, onMounted, ref, useI18n, useNuxtApp, watch } from '#imports'
 
 interface Props {
-  hook: Record<string, any>
+  hook: HookType
 }
 
 const { hook } = defineProps<Props>()
@@ -33,10 +34,13 @@ async function loadSampleData() {
 
 async function testWebhook() {
   try {
-    await $api.dbTableWebhook.test(meta.value?.id as string, {
-      hook,
-      payload: sampleData.value,
-    })
+    await $api.dbTableWebhook.test(
+      meta.value?.id as string,
+      {
+        hook,
+        payload: sampleData.value,
+      } as HookTestReqType,
+    )
 
     // Webhook tested successfully
     message.success(t('msg.success.webhookTested'))