diff --git a/components/badge/ScrollNumber.tsx b/components/badge/ScrollNumber.tsx
index 5664cb2970..b5a8eb5bc8 100644
--- a/components/badge/ScrollNumber.tsx
+++ b/components/badge/ScrollNumber.tsx
@@ -135,7 +135,7 @@ export default class ScrollNumber extends Component<ScrollNumberProps, any> {
       props.style.boxShadow = `0 0 0 1px ${props.style.borderColor} inset`;
     }
     return createElement(
-      this.props.component || 'sup',
+      (this.props.component || 'sup') as any,
       props,
       this.renderNumberElement(),
     );