diff --git a/packages/core/client/src/schema-component/antd/action/Action.tsx b/packages/core/client/src/schema-component/antd/action/Action.tsx
index 2b5df6b5dd..a0d1d9fcc9 100644
--- a/packages/core/client/src/schema-component/antd/action/Action.tsx
+++ b/packages/core/client/src/schema-component/antd/action/Action.tsx
@@ -19,6 +19,7 @@ import { useTranslation } from 'react-i18next';
 import { ErrorFallback, StablePopover, TabsContextProvider, useActionContext } from '../..';
 import { useDesignable } from '../../';
 import { useACLActionParamsContext } from '../../../acl';
+import { useApp } from '../../../application';
 import {
   useCollectionParentRecordData,
   useCollectionRecordData,
@@ -554,11 +555,6 @@ const RenderButtonInner = observer(
       title,
       ...others
     } = props;
-
-    if (!designable && (field?.data?.hidden || !aclCtx)) {
-      return null;
-    }
-
     const debouncedClick = useCallback(
       debounce(
         (e: React.MouseEvent, checkPortal = true) => {
@@ -576,6 +572,10 @@ const RenderButtonInner = observer(
       };
     }, []);
 
+    if (!designable && (field?.data?.hidden || !aclCtx)) {
+      return null;
+    }
+
     const actionTitle = title || field?.title;
 
     return (