Dashboard sipadu mbip
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

useInterval.js 1.1KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. "use strict";
  2. exports.__esModule = true;
  3. exports.default = void 0;
  4. var _react = require("react");
  5. var _useCommittedRef = _interopRequireDefault(require("./useCommittedRef"));
  6. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  7. function useInterval(fn, ms, paused) {
  8. if (paused === void 0) {
  9. paused = false;
  10. }
  11. var handle;
  12. var fnRef = (0, _useCommittedRef.default)(fn); // this ref is necessary b/c useEffect will sometimes miss a paused toggle
  13. // orphaning a setTimeout chain in the aether, so relying on it's refresh logic is not reliable.
  14. var pausedRef = (0, _useCommittedRef.default)(paused);
  15. var tick = function tick() {
  16. if (pausedRef.current) return;
  17. fnRef.current();
  18. schedule(); // eslint-disable-line no-use-before-define
  19. };
  20. var schedule = function schedule() {
  21. clearTimeout(handle);
  22. handle = setTimeout(tick, ms);
  23. };
  24. (0, _react.useEffect)(function () {
  25. schedule();
  26. return function () {
  27. return clearTimeout(handle);
  28. };
  29. }, [paused]);
  30. }
  31. var _default = useInterval;
  32. exports.default = _default;