diff --git a/src/cell-group/index.js b/src/cell-group/index.tsx
similarity index 52%
rename from src/cell-group/index.js
rename to src/cell-group/index.tsx
index 72800f262..9e01cff32 100644
--- a/src/cell-group/index.js
+++ b/src/cell-group/index.tsx
@@ -15,27 +15,29 @@ export default createComponent({
   },
 
   setup(props, { slots, attrs }) {
+    const renderGroup = () => (
+      <div class={[bem(), { [BORDER_TOP_BOTTOM]: props.border }]} {...attrs}>
+        {slots.default?.()}
+      </div>
+    );
+
+    const renderTitle = () => (
+      <div class={bem('title')}>
+        {slots.title ? slots.title() : props.title}
+      </div>
+    );
+
     return () => {
-      const { title, border } = props;
-
-      const Group = (
-        <div class={[bem(), { [BORDER_TOP_BOTTOM]: border }]} {...attrs}>
-          {slots.default?.()}
-        </div>
-      );
-
-      if (title || slots.title) {
+      if (props.title || slots.title) {
         return (
           <>
-            <div class={bem('title')}>
-              {slots.title ? slots.title() : title}
-            </div>
-            {Group}
+            {renderTitle()}
+            {renderGroup()}
           </>
         );
       }
 
-      return Group;
+      return renderGroup();
     };
   },
 });