diff --git a/web/apps/dashboard/app/(app)/[workspaceSlug]/apis/[apiId]/keys/[keyAuthId]/_components/components/table/components/actions/components/edit-rbac/index.tsx b/web/apps/dashboard/app/(app)/[workspaceSlug]/apis/[apiId]/keys/[keyAuthId]/_components/components/table/components/actions/components/edit-rbac/index.tsx
index 8198ac4888..d6972121d7 100644
--- a/web/apps/dashboard/app/(app)/[workspaceSlug]/apis/[apiId]/keys/[keyAuthId]/_components/components/table/components/actions/components/edit-rbac/index.tsx
+++ b/web/apps/dashboard/app/(app)/[workspaceSlug]/apis/[apiId]/keys/[keyAuthId]/_components/components/table/components/actions/components/edit-rbac/index.tsx
@@ -103,8 +103,8 @@ export const KeyRbacDialog = ({
     watch,
   } = methods;
 
-  const watchedRoleIds = watch("roleIds");
-  const watchedDirectPermissionIds = watch("directPermissionIds");
+  const watchedRoleIds = watch("roleIds", []);
+  const watchedDirectPermissionIds = watch("directPermissionIds", []);
 
   // Calculate all effective permissions for GrantedAccess component
   const allEffectivePermissionIds = useMemo(() => {