fix: ref could be passed as a prop in 19.x (#623)

* fix: ref could be passed as a prop in 19.x

close ant-design/ant-design#52282

* Update ref.ts

* test: add test case

---------

Co-authored-by: 二货机器人 <[email protected]>

Author: afc163

src/ref.ts

@@ -1,9 +1,11 @@
 import type * as React from 'react';
-import { isValidElement } from 'react';
+import { isValidElement, version } from 'react';
 import { ForwardRef, isMemo } from 'react-is';
 import useMemo from './hooks/useMemo';
 import isFragment from './React/isFragment';
 
+const ReactMajorVersion = Number(version.split('.')[0]);
+
 export const fillRef = <T>(ref: React.Ref<T>, node: T) => {
   if (typeof ref === 'function') {
     ref(node);
@@ -43,10 +45,7 @@ export const supportRef = (nodeOrComponent: any): boolean => {
   }
 
   // React 19 no need `forwardRef` anymore. So just pass if is a React element.
-  if (
-    isReactElement(nodeOrComponent) &&
-    (nodeOrComponent as any).props.propertyIsEnumerable('ref')
-  ) {
+  if (isReactElement(nodeOrComponent) && ReactMajorVersion >= 19) {
     return true;
   }
 

tests/ref-19.test.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable no-eval */
 import React from 'react';
-import { getNodeRef, useComposeRef } from '../src/ref';
+import { getNodeRef, useComposeRef, supportRef } from '../src/ref';
 import { render } from '@testing-library/react';
 
 jest.mock('react', () => {
@@ -76,4 +76,20 @@ describe('ref: React 19', () => {
     expect(outerRef.current?.className).toBe('bamboo');
     expect(container.querySelector('.test-output')?.textContent).toBe('bamboo');
   });
+
+  it('supportRef with not provide ref', () => {
+    const Empty = () => <div />;
+
+    const Checker = ({ children }: { children: React.ReactElement }) => {
+      return <p>{String(supportRef(children))}</p>;
+    };
+
+    const { container } = render(
+      <Checker>
+        <Empty />
+      </Checker>,
+    );
+
+    expect(container.querySelector('p')?.textContent).toBe('true');
+  });
 });