refactor: replace hooks with rc-util useState

Author: zombieJ

package.json

@@ -46,7 +46,7 @@
     "@babel/runtime": "^7.11.1",
     "classnames": "^2.2.1",
     "rc-resize-observer": "^1.0.0",
-    "rc-util": "^5.15.0"
+    "rc-util": "^5.19.2"
   },
   "devDependencies": {
     "@types/classnames": "^2.2.9",

src/hooks/useBatchFrameState.tsx

@@ -1,5 +1,6 @@
-import { useRef, useState, useEffect } from 'react';
+import { useRef } from 'react';
 import raf from 'rc-util/lib/raf';
+import useState from 'rc-util/lib/hooks/useState';
 
 /**
  * State generate. Return a `setState` but it will flush all state with one render to save perf.
@@ -8,17 +9,9 @@ import raf from 'rc-util/lib/raf';
 export function useBatchFrameState() {
   const [, forceUpdate] = useState({});
   const statesRef = useRef<any[]>([]);
-  const destroyRef = useRef<boolean>(false);
   let walkingIndex = 0;
   let beforeFrameId: number = 0;
 
-  useEffect(
-    () => () => {
-      destroyRef.current = true;
-    },
-    [],
-  );
-
   function createState<T>(
     defaultValue: T,
   ): [T, (value: T | ((origin: T) => T)) => void] {
@@ -41,9 +34,7 @@ export function useBatchFrameState() {
 
       // Flush with batch
       beforeFrameId = raf(() => {
-        if (!destroyRef.current) {
-          forceUpdate({});
-        }
+        forceUpdate({}, true);
       });
     }