diff --git a/packages/renderer-core/src/hoc/leaf.tsx b/packages/renderer-core/src/hoc/leaf.tsx
index 297405071..0a2031757 100644
--- a/packages/renderer-core/src/hoc/leaf.tsx
+++ b/packages/renderer-core/src/hoc/leaf.tsx
@@ -66,6 +66,8 @@ export function leafWrapper(Comp: types.IBaseRenderer, {
       node?: Node;
     } = {};
 
+    static displayName = schema.componentName;
+
     disposeFunctions: ((() => void) | Function)[] = [];
 
     recordTime = () => {
@@ -292,5 +294,7 @@ export function leafWrapper(Comp: types.IBaseRenderer, {
     });
   }
 
+  LeafWrapper.displayName = (Comp as any).displayName;
+
   return LeafWrapper;
 }
diff --git a/packages/renderer-core/src/renderer/base.tsx b/packages/renderer-core/src/renderer/base.tsx
index 515a379e7..a31d35fec 100644
--- a/packages/renderer-core/src/renderer/base.tsx
+++ b/packages/renderer-core/src/renderer/base.tsx
@@ -54,7 +54,7 @@ export default function baseRenererFactory() {
   let scopeIdx = 0;
 
   return class BaseRenderer extends Component implements IRenderer {
-    static dislayName = 'base-renderer';
+    static displayName = 'base-renderer';
 
     static defaultProps = {
       __schema: {},