diff --git a/packages/designer/.eslintrc.js b/packages/designer/.eslintrc.js
index 3209648ec..c3e291107 100644
--- a/packages/designer/.eslintrc.js
+++ b/packages/designer/.eslintrc.js
@@ -1,7 +1,7 @@
 module.exports = {
   extends: 'eslint-config-ali/typescript/react',
   rules: {
-    'react/no-multi-comp': 1,
+    'react/no-multi-comp': 0,
     'no-unused-expressions': 1,
     'implicit-arrow-linebreak': 1,
     'no-nested-ternary': 1,
diff --git a/packages/designer/src/builtin-simulator/bem-tools/border-detecting.tsx b/packages/designer/src/builtin-simulator/bem-tools/border-detecting.tsx
index 0ab451772..d757e7eb8 100644
--- a/packages/designer/src/builtin-simulator/bem-tools/border-detecting.tsx
+++ b/packages/designer/src/builtin-simulator/bem-tools/border-detecting.tsx
@@ -38,7 +38,6 @@ export class BorderDetectingInstance extends PureComponent<{
 }
 
 @observer
-// eslint-disable-next-line react/no-multi-comp
 export class BorderDetecting extends Component<{ host: BuiltinSimulatorHost }> {
   shouldComponentUpdate() {
     return false;
diff --git a/packages/designer/src/builtin-simulator/bem-tools/border-resizing.tsx b/packages/designer/src/builtin-simulator/bem-tools/border-resizing.tsx
index 2a590e096..118f0de63 100644
--- a/packages/designer/src/builtin-simulator/bem-tools/border-resizing.tsx
+++ b/packages/designer/src/builtin-simulator/bem-tools/border-resizing.tsx
@@ -57,7 +57,6 @@ export default class BoxResizing extends Component<{ host: BuiltinSimulatorHost
 }
 
 @observer
-// eslint-disable-next-line react/no-multi-comp
 export class BoxResizingForNode extends Component<{ host: BuiltinSimulatorHost; node: Node }> {
   static contextType = SimulatorContext;
 
@@ -105,7 +104,6 @@ export class BoxResizingForNode extends Component<{ host: BuiltinSimulatorHost;
 }
 
 @observer
-// eslint-disable-next-line react/no-multi-comp
 export class BoxResizingInstance extends Component<{
   observed: OffsetObserver;
   highlight?: boolean;
diff --git a/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx b/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx
index 2129d7dc0..ae82e67b1 100644
--- a/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx
+++ b/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx
@@ -55,7 +55,6 @@ export class BorderSelectingInstance extends Component<{
 }
 
 @observer
-// eslint-disable-next-line react/no-multi-comp
 class Toolbar extends Component<{ observed: OffsetObserver }> {
   shouldComponentUpdate() {
     return false;
@@ -151,7 +150,6 @@ function createAction(content: ReactNode | ComponentType<any> | ActionContentObj
 }
 
 @observer
-// eslint-disable-next-line react/no-multi-comp
 export class BorderSelectingForNode extends Component<{ host: BuiltinSimulatorHost; node: Node }> {
   get host(): BuiltinSimulatorHost {
     return this.props.host;
@@ -195,7 +193,6 @@ export class BorderSelectingForNode extends Component<{ host: BuiltinSimulatorHo
 }
 
 @observer
-// eslint-disable-next-line react/no-multi-comp
 export class BorderSelecting extends Component<{ host: BuiltinSimulatorHost }> {
   get host(): BuiltinSimulatorHost {
     return this.props.host;
diff --git a/packages/designer/src/builtin-simulator/host-view.tsx b/packages/designer/src/builtin-simulator/host-view.tsx
index 0d1ab37c0..4c3dda73e 100644
--- a/packages/designer/src/builtin-simulator/host-view.tsx
+++ b/packages/designer/src/builtin-simulator/host-view.tsx
@@ -50,7 +50,6 @@ export class BuiltinSimulatorHostView extends Component<SimulatorHostProps> {
   }
 }
 
-// eslint-disable-next-line react/no-multi-comp
 @observer
 class Canvas extends Component<{ host: BuiltinSimulatorHost }> {
   render() {
@@ -73,7 +72,6 @@ class Canvas extends Component<{ host: BuiltinSimulatorHost }> {
   }
 }
 
-// eslint-disable-next-line react/no-multi-comp
 @observer
 class Content extends Component<{ host: BuiltinSimulatorHost }> {
   render() {