fix: nativeElement has high priority

Author: zombieJ

src/Dom/findDOMNode.ts

@@ -13,14 +13,14 @@ export function isDOM(node: any): node is HTMLElement | SVGElement {
 export default function findDOMNode<T = Element | Text>(
   node: React.ReactInstance | HTMLElement | SVGElement | { nativeElement: T },
 ): T {
-  if (isDOM(node)) {
-    return (node as unknown) as T;
-  }
-
   if (node && typeof node === 'object' && isDOM((node as any).nativeElement)) {
     return ((node as any).nativeElement as unknown) as T;
   }
 
+  if (isDOM(node)) {
+    return (node as unknown) as T;
+  }
+
   if (node instanceof React.Component) {
     return (ReactDOM.findDOMNode(node) as unknown) as T;
   }

tests/findDOMNode.test.tsx

@@ -1,6 +1,7 @@
 import { render } from '@testing-library/react';
 import * as React from 'react';
 import findDOMNode, { isDOM } from '../src/Dom/findDOMNode';
+import proxyObject from '../src/proxyObject';
 
 describe('findDOMNode', () => {
   it('base work', () => {
@@ -97,4 +98,35 @@ describe('findDOMNode', () => {
 
     expect(findDOMNode(elementRef.current)).toBe(container.querySelector('p'));
   });
+
+  it('with proxyObject', () => {
+    const Demo = React.forwardRef((_, ref) => {
+      const rootRef = React.useRef<HTMLDivElement>(null);
+      const spanRef = React.useRef<HTMLParagraphElement>(null);
+
+      React.useImperativeHandle(ref, () =>
+        proxyObject(rootRef.current, {
+          nativeElement: spanRef.current,
+        }),
+      );
+
+      return (
+        <p ref={rootRef} id="root">
+          <span ref={spanRef} />
+        </p>
+      );
+    });
+
+    const holderRef = React.createRef<any>();
+    const { container } = render(
+      <React.StrictMode>
+        <Demo ref={holderRef} />
+      </React.StrictMode>,
+    );
+
+    expect(holderRef.current.id).toBe('root');
+    expect(findDOMNode(holderRef.current)).toBe(
+      container.querySelector('span'),
+    );
+  });
 });