Merge pull request #153 from lightningspirit/deps/remove-react-use-deps

Import useEnsuredForwardedRef as standalone

package.json

@@ -40,8 +40,7 @@
         "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
     },
     "dependencies": {
-        "humps": "^2.0.1",
-        "react-use": "^17.0.0"
+        "humps": "^2.0.1"
     },
     "devDependencies": {
         "@babel/core": "^7.11.1",

src/core/index.js

@@ -1,5 +1,5 @@
 import React, { useState, useLayoutEffect, forwardRef } from 'react';
-import { useEnsuredForwardedRef } from 'react-use';
+import { useEnsuredForwardedRef } from '../hooks';
 import { createPortal } from 'react-dom';
 import { renderToString } from 'react-dom/server';
 import PropTypes from 'prop-types';

src/hooks/index.js

@@ -0,0 +1,19 @@
+import {
+  useEffect,
+  useRef,
+} from 'react';
+
+export function useEnsuredForwardedRef(
+  forwardedRef
+) {
+  const ensuredRef = useRef(forwardedRef && forwardedRef.current);
+
+  useEffect(() => {
+    if (!forwardedRef) {
+      return;
+    }
+    forwardedRef.current = ensuredRef.current;
+  }, [forwardedRef]);
+
+  return ensuredRef;
+}