update

Author: li-jia-nan

tests/ref-19.test.tsx

@@ -45,7 +45,7 @@ describe('ref: React 19', () => {
   });
 
   it('useComposeRef', () => {
-    const Demo = ({ children }: { children: React.ReactElement }) => {
+    const Demo: React.FC<React.PropsWithChildren> = ({ children }) => {
       const ref = React.useRef<HTMLDivElement>(null);
       const childRef = getNodeRef(children); // Should get child real `ref` props
       const mergedRef = useComposeRef(ref, childRef);
@@ -59,7 +59,10 @@ describe('ref: React 19', () => {
 
       return (
         <>
-          {React.cloneElement(children, { ref: mergedRef })}
+          {React.cloneElement<{ ref?: any }>(
+            children as React.ReactElement<any>,
+            { ref: mergedRef },
+          )}
           <div className="test-output">{childClassName}</div>
         </>
       );
@@ -79,7 +82,6 @@ describe('ref: React 19', () => {
 
   it('supportRef with not provide ref', () => {
     const Empty = () => <div />;
-
     const Checker = ({ children }: { children: React.ReactElement }) => {
       return <p>{String(supportRef(children))}</p>;
     };

tests/toArray-19.test.tsx

@@ -22,9 +22,7 @@ jest.mock('react-dom/test-utils', () => {
   return reactDom19Test;
 });
 
-class UL extends React.Component<{
-  children?: React.ReactNode;
-}> {
+class UL extends React.Component<React.PropsWithChildren<any>> {
   render() {
     return <ul>{this.props.children}</ul>;
   }
@@ -33,7 +31,6 @@ class UL extends React.Component<{
 describe('toArray', () => {
   it('Fragment', () => {
     const ulRef = React.createRef<UL>();
-
     render(
       <UL ref={ulRef}>
         <li key="1">1</li>
@@ -49,7 +46,6 @@ describe('toArray', () => {
         </React.Fragment>
       </UL>,
     );
-
     const children = toArray(ulRef.current.props.children);
     expect(children).toHaveLength(5);
     expect(children.map(c => c.key)).toEqual(['1', '2', '3', '4', '5']);