rsuite 5.5.2 → 5.6.2

package/cjs/utils/useTimeout.js

@@ -9,32 +9,41 @@ var _react = require("react");
  * A timer hook
  * @param fn Timer callback function
  * @param ms Milliseconds of the timer
- * @param open Whether to open the timer
+ * @param enabled Whether to open the timer
  */
-function useTimeout(fn, ms, open) {
+function useTimeout(fn, ms, enabled) {
   if (ms === void 0) {
     ms = 0;
   }
 
-  if (open === void 0) {
-    open = true;
+  if (enabled === void 0) {
+    enabled = true;
   }
 
   var timeout = (0, _react.useRef)();
+  var callback = (0, _react.useRef)(fn);
   var clear = (0, _react.useCallback)(function () {
     timeout.current && clearTimeout(timeout.current);
   }, []);
   var set = (0, _react.useCallback)(function () {
-    if (open) {
+    timeout.current && clearTimeout(timeout.current);
+
+    if (enabled) {
       timeout.current = setTimeout(function () {
-        return fn === null || fn === void 0 ? void 0 : fn();
+        var _callback$current;
+
+        (_callback$current = callback.current) === null || _callback$current === void 0 ? void 0 : _callback$current.call(callback);
       }, ms);
     }
-  }, [ms, fn, open]);
+  }, [ms, enabled]); // update ref when function changes
+
+  (0, _react.useEffect)(function () {
+    callback.current = fn;
+  }, [fn]);
   (0, _react.useEffect)(function () {
     set();
     return clear;
-  }, [fn, ms, open, clear, set]);
+  }, [ms, enabled, set, clear]);
   return {
     clear: clear,
     reset: set