fix: support custom children

test case: https://github.com/react-component/collapse/blob/aac303a8b6ff30e35060b4f8fecde6f4556fcbe2/src/Collapse.tsx#L15

Author: Wxh16144

src/Collapse.tsx

@@ -173,7 +173,7 @@ const Collapse = React.forwardRef<HTMLDivElement, CollapseProps>((props, ref) =>
     });
 
   const children = Array.isArray(items)
-    ? convertItemsToNodes(items)
+    ? [convertItemsToNodes(items), rawChildren]
     : toArray(rawChildren).map(getNewChild);
 
   // ======================== Render ========================

src/interface.ts

@@ -24,9 +24,6 @@ export interface CollapseProps {
   destroyInactivePanel?: boolean;
   expandIcon?: (props: object) => React.ReactNode;
   collapsible?: CollapsibleType;
-  /**
-   * @deprecated use `items` instead, will be removed in `v4.0.0`
-   */
   children?: React.ReactNode;
   /**
    * Collapse items content

tests/index.spec.tsx

@@ -790,5 +790,22 @@ describe('collapse', () => {
       );
       expect(container.firstChild).toMatchSnapshot();
     });
+
+    it('should support custom child', () => {
+      const { container } = render(
+        <Collapse
+          items={[
+            {
+              key: '1',
+              header: 'title',
+              children: 'first',
+            },
+          ]}
+        >
+          <a className="custom-child">custom-child</a>
+        </Collapse>,
+      );
+      expect(container.querySelector('.custom-child')?.innerHTML).toBe('custom-child');
+    });
   });
 });