diff --git a/components/collapse/demo/_semantic.tsx b/components/collapse/demo/_semantic.tsx
index 80f0e9dfa5..f263b42ea6 100644
--- a/components/collapse/demo/_semantic.tsx
+++ b/components/collapse/demo/_semantic.tsx
@@ -16,18 +16,18 @@ const locales = {
   },
 };
 
-const items: CollapseProps['items'] = [
-  {
-    key: '1',
-    label: 'This is panel header',
-    children: <p>This is panel body</p>,
-  },
-];
-
-const BlockCollapse: React.FC<CollapseProps> = (props) => {
+const BlockCollapse: React.FC<NonNullable<CollapseProps['items']>[number]> = (props) => {
+  const items: CollapseProps['items'] = [
+    {
+      key: '1',
+      label: 'This is panel header',
+      children: <p>This is panel body</p>,
+      ...props,
+    },
+  ];
   return (
     <div style={{ position: 'absolute', inset: 0 }}>
-      <Collapse {...props} items={items} defaultActiveKey={['1']} />
+      <Collapse items={items} defaultActiveKey={['1']} />
     </div>
   );
 };