diff --git a/packages/core/client/src/schema-component/antd/tabs/Tabs.tsx b/packages/core/client/src/schema-component/antd/tabs/Tabs.tsx
index ffbd43a331..88690033da 100644
--- a/packages/core/client/src/schema-component/antd/tabs/Tabs.tsx
+++ b/packages/core/client/src/schema-component/antd/tabs/Tabs.tsx
@@ -25,7 +25,7 @@ export const Tabs: any = observer(
           label: <RecursionField name={key} schema={schema} onlyRenderSelf />,
           children: (
             <PaneRoot key={key} {...(PaneRoot !== React.Fragment ? { active: key === contextProps.activeKey } : {})}>
-              <SchemaComponent schema={schema} distributed />
+              <SchemaComponent name={key} schema={schema} onlyRenderProperties distributed />
             </PaneRoot>
           ),
         };
diff --git a/packages/core/client/src/schema-component/hooks/useDesigner.ts b/packages/core/client/src/schema-component/hooks/useDesigner.ts
index 160bed95f3..9036b513bb 100644
--- a/packages/core/client/src/schema-component/hooks/useDesigner.ts
+++ b/packages/core/client/src/schema-component/hooks/useDesigner.ts
@@ -3,7 +3,7 @@ import { useComponent, useDesignable } from '.';
 import { useMemo } from 'react';
 import { SchemaToolbar } from '../../schema-settings';
 
-const Def = () => null;
+const DefaultSchemaToolbar = () => null;
 
 export const useDesigner = () => {
   const { designable } = useDesignable();
@@ -16,9 +16,9 @@ export const useDesigner = () => {
     if (fieldSchema['x-settings']) {
       return SchemaToolbar;
     }
-    return Def;
+    return DefaultSchemaToolbar;
   }, [fieldSchema]);
 
   const component = useComponent(toolbar);
-  return designable ? component || Def : Def;
+  return designable ? component || DefaultSchemaToolbar : DefaultSchemaToolbar;
 };