refactor: replace hooks with rc-util useState

Author: zombieJ

package.json

@@ -64,7 +64,7 @@
     "classnames": "^2.2.6",
     "rc-align": "^4.0.0",
     "rc-motion": "^2.0.0",
-    "rc-util": "^5.5.0"
+    "rc-util": "^5.19.2"
   },
   "peerDependencies": {
     "react": ">=16.9.0",

src/Popup/useVisibleStatus.ts

@@ -1,5 +1,6 @@
-import { useState, useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import raf from 'rc-util/lib/raf';
+import useState from 'rc-util/lib/hooks/useState';
 
 /**
  * Popup should follow the steps for each component work correctly:
@@ -23,14 +24,11 @@ export default (
 ): [PopupStatus, (callback?: () => void) => void] => {
   const [status, setInternalStatus] = useState<PopupStatus>(null);
   const rafRef = useRef<number>();
-  const destroyRef = useRef(false);
 
   function setStatus(
     nextStatus: PopupStatus | ((prevStatus: PopupStatus) => PopupStatus),
   ) {
-    if (!destroyRef.current) {
-      setInternalStatus(nextStatus);
-    }
+    setInternalStatus(nextStatus, true);
   }
 
   function cancelRaf() {
@@ -84,7 +82,6 @@ export default (
 
   useEffect(
     () => () => {
-      destroyRef.current = true;
       cancelRaf();
     },
     [],