@tanem/react-nprogress - npm Package Compare versions

Comparing version 3.0.82 to 4.0.0-beta.1

dist/queue.d.ts

 declare type Next = () => void;
 declare type Callback = (next: Next) => void;
-export declare const clear: () => void;
-export declare const queue: (cb: Callback) => void;
+export declare const createQueue: () => {
+    clear: () => void;
+    queue: (cb: Callback) => void;
+};
 export {};

dist/react-nprogress.cjs.development.js

@@ -58,51 +58,70 @@ 'use strict';
 
-var isRunning = false;
-var pending = [];
+var createQueue = function createQueue() {
+  var isRunning = false;
+  var pending = [];
 
-var next = function next() {
-  isRunning = true;
-  var cb = pending.shift();
+  var next = function next() {
+    isRunning = true;
+    var cb = pending.shift();
 
-  if (cb) {
-    return cb(next);
-  }
+    if (cb) {
+      return cb(next);
+    }
 
-  isRunning = false;
-};
+    isRunning = false;
+  };
 
-var clear = function clear() {
-  isRunning = false;
-  pending = [];
-};
-var queue = function queue(cb) {
-  pending.push(cb);
+  var clear = function clear() {
+    isRunning = false;
+    pending = [];
+  };
 
-  if (!isRunning && pending.length === 1) {
-    next();
-  }
-};
+  var queue = function queue(cb) {
+    pending.push(cb);
 
-var handle;
-var cancel = function cancel() {
-  if (handle) {
-    window.cancelAnimationFrame(handle);
-  }
+    if (!isRunning && pending.length === 1) {
+      next();
+    }
+  };
+
+  return {
+    clear: clear,
+    queue: queue
+  };
 };
-var timeout = function timeout(callback, delay) {
-  var deltaTime;
-  var start;
 
-  var frame = function frame(time) {
-    start = start || time;
-    deltaTime = time - start;
+var createTimeout = function createTimeout() {
+  var handle;
 
-    if (deltaTime > delay) {
-      callback();
-      return;
+  var cancel = function cancel() {
+    console.log('cancel');
+
+    if (handle) {
+      window.cancelAnimationFrame(handle);
     }
+  };
 
+  var timeout = function timeout(callback, delay) {
+    var deltaTime;
+    var start;
+
+    var frame = function frame(time) {
+      start = start || time;
+      deltaTime = time - start;
+
+      if (deltaTime > delay) {
+        callback();
+        return;
+      }
+
+      handle = window.requestAnimationFrame(frame);
+    };
+
     handle = window.requestAnimationFrame(frame);
   };
 
-  handle = window.requestAnimationFrame(frame);
+  return {
+    cancel: cancel,
+    timeout: timeout
+  };
 };
@@ -114,15 +133,13 @@
   return undefined;
-};
+}; // const initialState: State = {
+//   isFinished: true,
+//   progress: 0,
+//   sideEffect: noop,
+// }
+// const cleanup = () => {
+//   cancelCurrentTimeout()
+//   clearQueue()
+// }
 
-var initialState = {
-  isFinished: true,
-  progress: 0,
-  sideEffect: noop
-};
 
-var cleanup = function cleanup() {
-  cancel();
-  clear();
-};
-
 var useNProgress = function useNProgress(_temp) {
@@ -139,2 +156,8 @@ var _ref = _temp === void 0 ? {} : _temp,
 
+  var initialState = {
+    isFinished: true,
+    progress: 0,
+    sideEffect: noop
+  };
+
   var _useGetSetState = reactUse.useGetSetState(initialState),
@@ -144,2 +167,15 @@ get = _useGetSetState[0],
 
+  var _createQueue = createQueue(),
+      clearQueue = _createQueue.clear,
+      queue = _createQueue.queue;
+
+  var _createTimeout = createTimeout(),
+      cancelCurrentTimeout = _createTimeout.cancel,
+      timeout = _createTimeout.timeout;
+
+  var cleanup = function cleanup() {
+    cancelCurrentTimeout();
+    clearQueue();
+  };
+
   var set = React.useCallback(function (n) {
@@ -146,0 +182,0 @@ n = clamp(n, minimum, 1);

dist/react-nprogress.cjs.production.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _objectWithoutPropertiesLoose=require("@babel/runtime/helpers/objectWithoutPropertiesLoose"),_extends=require("@babel/runtime/helpers/extends"),React=require("react"),reactUse=require("react-use"),hoistNonReactStatics=require("hoist-non-react-statics");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var handle,_objectWithoutPropertiesLoose__default=_interopDefaultLegacy(_objectWithoutPropertiesLoose),_extends__default=_interopDefaultLegacy(_extends),React__namespace=_interopNamespace(React),hoistNonReactStatics__default=_interopDefaultLegacy(hoistNonReactStatics),clamp=function(e,t,n){return e=(e=e<=n?e:n)>=t?e:t},increment=function(e){var t=0;return e>=0&&e<.2?t=.1:e>=.2&&e<.5?t=.04:e>=.5&&e<.8?t=.02:e>=.8&&e<.99&&(t=.005),clamp(e+t,0,.994)},isRunning=!1,pending=[],next=function e(){isRunning=!0;var t=pending.shift();if(t)return t(e);isRunning=!1},clear=function(){isRunning=!1,pending=[]},queue=function(e){pending.push(e),isRunning||1!==pending.length||next()},cancel=function(){handle&&window.cancelAnimationFrame(handle)},timeout=function(e,t){var n;handle=window.requestAnimationFrame((function i(r){r-(n=n||r)>t?e():handle=window.requestAnimationFrame(i)}))},noop=function(){},initialState={isFinished:!0,progress:0,sideEffect:noop},cleanup=function(){cancel(),clear()},useNProgress=function(e){var t=void 0===e?{}:e,n=t.animationDuration,i=void 0===n?200:n,r=t.incrementDuration,u=void 0===r?800:r,o=t.isAnimating,s=void 0!==o&&o,c=t.minimum,a=void 0===c?.08:c,f=reactUse.useGetSetState(initialState),d=f[0],l=f[1],p=React.useCallback((function(e){if(1===(e=clamp(e,a,1)))return cleanup(),queue((function(t){l({progress:e,sideEffect:function(){return timeout(t,i)}})})),void queue((function(){l({isFinished:!0,sideEffect:cleanup})}));queue((function(t){l({isFinished:!1,progress:e,sideEffect:function(){return timeout(t,i)}})}))}),[i,a,l]),_=React.useCallback((function(){p(increment(d().progress))}),[d,p]),g=React.useCallback((function(){!function e(){_(),queue((function(t){timeout((function(){e(),t()}),u)}))}()}),[u,_]),h=React.useRef(noop),m=d().sideEffect;return React.useEffect((function(){h.current=_})),reactUse.useEffectOnce((function(){return s&&g(),cleanup})),reactUse.useUpdateEffect((function(){d().sideEffect()}),[d,m]),reactUse.useUpdateEffect((function(){s?l(_extends__default.default({},initialState,{sideEffect:g})):p(1)}),[s,p,l,g]),{animationDuration:i,isFinished:d().isFinished,progress:d().progress}},_excluded=["children"],NProgress=function(e){var t=e.children,n=_objectWithoutPropertiesLoose__default.default(e,_excluded);return t(useNProgress(n))};function withNProgress(e){var t=function(t){var n=useNProgress(t);return React__namespace.createElement(e,_extends__default.default({},t,n))};return hoistNonReactStatics__default.default(t,e),t}exports.NProgress=NProgress,exports.useNProgress=useNProgress,exports.withNProgress=withNProgress;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _objectWithoutPropertiesLoose=require("@babel/runtime/helpers/objectWithoutPropertiesLoose"),_extends=require("@babel/runtime/helpers/extends"),React=require("react"),reactUse=require("react-use"),hoistNonReactStatics=require("hoist-non-react-statics");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var _objectWithoutPropertiesLoose__default=_interopDefaultLegacy(_objectWithoutPropertiesLoose),_extends__default=_interopDefaultLegacy(_extends),React__namespace=_interopNamespace(React),hoistNonReactStatics__default=_interopDefaultLegacy(hoistNonReactStatics),clamp=function(e,t,n){return e=(e=e<=n?e:n)>=t?e:t},increment=function(e){var t=0;return e>=0&&e<.2?t=.1:e>=.2&&e<.5?t=.04:e>=.5&&e<.8?t=.02:e>=.8&&e<.99&&(t=.005),clamp(e+t,0,.994)},createQueue=function(){var e=!1,t=[],n=function n(){e=!0;var r=t.shift();if(r)return r(n);e=!1};return{clear:function(){e=!1,t=[]},queue:function(r){t.push(r),e||1!==t.length||n()}}},createTimeout=function(){var e;return{cancel:function(){console.log("cancel"),e&&window.cancelAnimationFrame(e)},timeout:function(t,n){var r;e=window.requestAnimationFrame((function i(o){o-(r=r||o)>n?t():e=window.requestAnimationFrame(i)}))}}},noop=function(){},useNProgress=function(e){var t=void 0===e?{}:e,n=t.animationDuration,r=void 0===n?200:n,i=t.incrementDuration,o=void 0===i?800:i,c=t.isAnimating,u=void 0!==c&&c,s=t.minimum,a=void 0===s?.08:s,f={isFinished:!0,progress:0,sideEffect:noop},d=reactUse.useGetSetState(f),l=d[0],p=d[1],_=createQueue(),m=_.clear,g=_.queue,h=createTimeout(),b=h.cancel,v=h.timeout,P=function(){b(),m()},N=React.useCallback((function(e){if(1===(e=clamp(e,a,1)))return P(),g((function(t){p({progress:e,sideEffect:function(){return v(t,r)}})})),void g((function(){p({isFinished:!0,sideEffect:P})}));g((function(t){p({isFinished:!1,progress:e,sideEffect:function(){return v(t,r)}})}))}),[r,a,p]),R=React.useCallback((function(){N(increment(l().progress))}),[l,N]),E=React.useCallback((function(){!function e(){R(),g((function(t){v((function(){e(),t()}),o)}))}()}),[o,R]),j=React.useRef(noop),x=l().sideEffect;return React.useEffect((function(){j.current=R})),reactUse.useEffectOnce((function(){return u&&E(),P})),reactUse.useUpdateEffect((function(){l().sideEffect()}),[l,x]),reactUse.useUpdateEffect((function(){u?p(_extends__default.default({},f,{sideEffect:E})):N(1)}),[u,N,p,E]),{animationDuration:r,isFinished:l().isFinished,progress:l().progress}},_excluded=["children"],NProgress=function(e){var t=e.children,n=_objectWithoutPropertiesLoose__default.default(e,_excluded);return t(useNProgress(n))};function withNProgress(e){var t=function(t){var n=useNProgress(t);return React__namespace.createElement(e,_extends__default.default({},t,n))};return hoistNonReactStatics__default.default(t,e),t}exports.NProgress=NProgress,exports.useNProgress=useNProgress,exports.withNProgress=withNProgress;
 //# sourceMappingURL=react-nprogress.cjs.production.js.map

dist/react-nprogress.esm.js

@@ -30,51 +30,70 @@ import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
 
-var isRunning = false;
-var pending = [];
+var createQueue = function createQueue() {
+  var isRunning = false;
+  var pending = [];
 
-var next = function next() {
-  isRunning = true;
-  var cb = pending.shift();
+  var next = function next() {
+    isRunning = true;
+    var cb = pending.shift();
 
-  if (cb) {
-    return cb(next);
-  }
+    if (cb) {
+      return cb(next);
+    }
 
-  isRunning = false;
-};
+    isRunning = false;
+  };
 
-var clear = function clear() {
-  isRunning = false;
-  pending = [];
-};
-var queue = function queue(cb) {
-  pending.push(cb);
+  var clear = function clear() {
+    isRunning = false;
+    pending = [];
+  };
 
-  if (!isRunning && pending.length === 1) {
-    next();
-  }
-};
+  var queue = function queue(cb) {
+    pending.push(cb);
 
-var handle;
-var cancel = function cancel() {
-  if (handle) {
-    window.cancelAnimationFrame(handle);
-  }
+    if (!isRunning && pending.length === 1) {
+      next();
+    }
+  };
+
+  return {
+    clear: clear,
+    queue: queue
+  };
 };
-var timeout = function timeout(callback, delay) {
-  var deltaTime;
-  var start;
 
-  var frame = function frame(time) {
-    start = start || time;
-    deltaTime = time - start;
+var createTimeout = function createTimeout() {
+  var handle;
 
-    if (deltaTime > delay) {
-      callback();
-      return;
+  var cancel = function cancel() {
+    console.log('cancel');
+
+    if (handle) {
+      window.cancelAnimationFrame(handle);
     }
+  };
 
+  var timeout = function timeout(callback, delay) {
+    var deltaTime;
+    var start;
+
+    var frame = function frame(time) {
+      start = start || time;
+      deltaTime = time - start;
+
+      if (deltaTime > delay) {
+        callback();
+        return;
+      }
+
+      handle = window.requestAnimationFrame(frame);
+    };
+
     handle = window.requestAnimationFrame(frame);
   };
 
-  handle = window.requestAnimationFrame(frame);
+  return {
+    cancel: cancel,
+    timeout: timeout
+  };
 };
@@ -86,15 +105,13 @@
   return undefined;
-};
+}; // const initialState: State = {
+//   isFinished: true,
+//   progress: 0,
+//   sideEffect: noop,
+// }
+// const cleanup = () => {
+//   cancelCurrentTimeout()
+//   clearQueue()
+// }
 
-var initialState = {
-  isFinished: true,
-  progress: 0,
-  sideEffect: noop
-};
 
-var cleanup = function cleanup() {
-  cancel();
-  clear();
-};
-
 var useNProgress = function useNProgress(_temp) {
@@ -111,2 +128,8 @@ var _ref = _temp === void 0 ? {} : _temp,
 
+  var initialState = {
+    isFinished: true,
+    progress: 0,
+    sideEffect: noop
+  };
+
   var _useGetSetState = useGetSetState(initialState),
@@ -116,2 +139,15 @@ get = _useGetSetState[0],
 
+  var _createQueue = createQueue(),
+      clearQueue = _createQueue.clear,
+      queue = _createQueue.queue;
+
+  var _createTimeout = createTimeout(),
+      cancelCurrentTimeout = _createTimeout.cancel,
+      timeout = _createTimeout.timeout;
+
+  var cleanup = function cleanup() {
+    cancelCurrentTimeout();
+    clearQueue();
+  };
+
   var set = useCallback(function (n) {
@@ -118,0 +154,0 @@ n = clamp(n, minimum, 1);

dist/react-nprogress.umd.development.js

@@ -51,4 +51,3 @@ (function (global, factory) {
 
-	module.exports = _objectWithoutPropertiesLoose;
-	module.exports["default"] = module.exports, module.exports.__esModule = true;
+	module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
 	});
@@ -72,10 +71,7 @@
 	    return target;
-	  };
-
-	  module.exports["default"] = module.exports, module.exports.__esModule = true;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
 	  return _extends.apply(this, arguments);
 	}
 
-	module.exports = _extends;
-	module.exports["default"] = module.exports, module.exports.__esModule = true;
+	module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
 	});
@@ -189,51 +185,70 @@
 
-	var isRunning = false;
-	var pending = [];
+	var createQueue = function createQueue() {
+	  var isRunning = false;
+	  var pending = [];
 
-	var next = function next() {
-	  isRunning = true;
-	  var cb = pending.shift();
+	  var next = function next() {
+	    isRunning = true;
+	    var cb = pending.shift();
 
-	  if (cb) {
-	    return cb(next);
-	  }
+	    if (cb) {
+	      return cb(next);
+	    }
 
-	  isRunning = false;
-	};
+	    isRunning = false;
+	  };
 
-	var clear = function clear() {
-	  isRunning = false;
-	  pending = [];
-	};
-	var queue = function queue(cb) {
-	  pending.push(cb);
+	  var clear = function clear() {
+	    isRunning = false;
+	    pending = [];
+	  };
 
-	  if (!isRunning && pending.length === 1) {
-	    next();
-	  }
-	};
+	  var queue = function queue(cb) {
+	    pending.push(cb);
 
-	var handle;
-	var cancel = function cancel() {
-	  if (handle) {
-	    window.cancelAnimationFrame(handle);
-	  }
+	    if (!isRunning && pending.length === 1) {
+	      next();
+	    }
+	  };
+
+	  return {
+	    clear: clear,
+	    queue: queue
+	  };
 	};
-	var timeout = function timeout(callback, delay) {
-	  var deltaTime;
-	  var start;
 
-	  var frame = function frame(time) {
-	    start = start || time;
-	    deltaTime = time - start;
+	var createTimeout = function createTimeout() {
+	  var handle;
 
-	    if (deltaTime > delay) {
-	      callback();
-	      return;
+	  var cancel = function cancel() {
+	    console.log('cancel');
+
+	    if (handle) {
+	      window.cancelAnimationFrame(handle);
 	    }
+	  };
 
+	  var timeout = function timeout(callback, delay) {
+	    var deltaTime;
+	    var start;
+
+	    var frame = function frame(time) {
+	      start = start || time;
+	      deltaTime = time - start;
+
+	      if (deltaTime > delay) {
+	        callback();
+	        return;
+	      }
+
+	      handle = window.requestAnimationFrame(frame);
+	    };
+
 	    handle = window.requestAnimationFrame(frame);
 	  };
 
-	  handle = window.requestAnimationFrame(frame);
+	  return {
+	    cancel: cancel,
+	    timeout: timeout
+	  };
 	};
@@ -245,15 +260,13 @@
 	  return undefined;
-	};
+	}; // const initialState: State = {
+	//   isFinished: true,
+	//   progress: 0,
+	//   sideEffect: noop,
+	// }
+	// const cleanup = () => {
+	//   cancelCurrentTimeout()
+	//   clearQueue()
+	// }
 
-	var initialState = {
-	  isFinished: true,
-	  progress: 0,
-	  sideEffect: noop
-	};
 
-	var cleanup = function cleanup() {
-	  cancel();
-	  clear();
-	};
-
 	var useNProgress = function useNProgress(_temp) {
@@ -270,2 +283,8 @@ var _ref = _temp === void 0 ? {} : _temp,
 
+	  var initialState = {
+	    isFinished: true,
+	    progress: 0,
+	    sideEffect: noop
+	  };
+
 	  var _useGetSetState = useGetSetState$1(initialState),
@@ -275,2 +294,15 @@ get = _useGetSetState[0],
 
+	  var _createQueue = createQueue(),
+	      clearQueue = _createQueue.clear,
+	      queue = _createQueue.queue;
+
+	  var _createTimeout = createTimeout(),
+	      cancelCurrentTimeout = _createTimeout.cancel,
+	      timeout = _createTimeout.timeout;
+
+	  var cleanup = function cleanup() {
+	    cancelCurrentTimeout();
+	    clearQueue();
+	  };
+
 	  var set = React.useCallback(function (n) {
@@ -364,41 +396,2 @@ n = clamp(n, minimum, 1);
 
-	var reactIs_production_min = createCommonjsModule(function (module, exports) {
-	Object.defineProperty(exports,"__esModule",{value:!0});
-	var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?Symbol.for("react.suspense_list"):
-	60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.fundamental"):60117,w=b?Symbol.for("react.responder"):60118,x=b?Symbol.for("react.scope"):60119;function y(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function z(a){return y(a)===m}
-	exports.typeOf=y;exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;exports.Fragment=e;exports.Lazy=t;exports.Memo=r;exports.Portal=d;exports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;
-	exports.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===v||a.$$typeof===w||a.$$typeof===x)};exports.isAsyncMode=function(a){return z(a)||y(a)===l};exports.isConcurrentMode=z;exports.isContextConsumer=function(a){return y(a)===k};exports.isContextProvider=function(a){return y(a)===h};
-	exports.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return y(a)===n};exports.isFragment=function(a){return y(a)===e};exports.isLazy=function(a){return y(a)===t};exports.isMemo=function(a){return y(a)===r};exports.isPortal=function(a){return y(a)===d};exports.isProfiler=function(a){return y(a)===g};exports.isStrictMode=function(a){return y(a)===f};exports.isSuspense=function(a){return y(a)===p};
-	});
-
-	unwrapExports(reactIs_production_min);
-	reactIs_production_min.typeOf;
-	reactIs_production_min.AsyncMode;
-	reactIs_production_min.ConcurrentMode;
-	reactIs_production_min.ContextConsumer;
-	reactIs_production_min.ContextProvider;
-	reactIs_production_min.Element;
-	reactIs_production_min.ForwardRef;
-	reactIs_production_min.Fragment;
-	reactIs_production_min.Lazy;
-	reactIs_production_min.Memo;
-	reactIs_production_min.Portal;
-	reactIs_production_min.Profiler;
-	reactIs_production_min.StrictMode;
-	reactIs_production_min.Suspense;
-	reactIs_production_min.isValidElementType;
-	reactIs_production_min.isAsyncMode;
-	reactIs_production_min.isConcurrentMode;
-	reactIs_production_min.isContextConsumer;
-	reactIs_production_min.isContextProvider;
-	reactIs_production_min.isElement;
-	reactIs_production_min.isForwardRef;
-	reactIs_production_min.isFragment;
-	reactIs_production_min.isLazy;
-	reactIs_production_min.isMemo;
-	reactIs_production_min.isPortal;
-	reactIs_production_min.isProfiler;
-	reactIs_production_min.isStrictMode;
-	reactIs_production_min.isSuspense;
-
 	var reactIs_development = createCommonjsModule(function (module, exports) {
@@ -411,4 +404,2 @@
 
-	Object.defineProperty(exports, '__esModule', { value: true });
-
 	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
@@ -433,2 +424,3 @@ // nor polyfill, then a plain number is used for performance.
 	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+	var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
 	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
@@ -440,60 +432,5 @@ var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
 	  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE);
+	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
 	}
 
-	/**
-	 * Forked from fbjs/warning:
-	 * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
-	 *
-	 * Only change is we use console.warn instead of console.error,
-	 * and do nothing when 'console' is not supported.
-	 * This really simplifies the code.
-	 * ---
-	 * Similar to invariant but only logs a warning if the condition is not met.
-	 * This can be used to log issues in development environments in critical
-	 * paths. Removing the logging code for production environments will keep the
-	 * same logic and follow the same code paths.
-	 */
-	var lowPriorityWarningWithoutStack = function () {};
-
-	{
-	  var printWarning = function (format) {
-	    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-	      args[_key - 1] = arguments[_key];
-	    }
-
-	    var argIndex = 0;
-	    var message = 'Warning: ' + format.replace(/%s/g, function () {
-	      return args[argIndex++];
-	    });
-
-	    if (typeof console !== 'undefined') {
-	      console.warn(message);
-	    }
-
-	    try {
-	      // --- Welcome to debugging React ---
-	      // This error was thrown as a convenience so that you can use this stack
-	      // to find the callsite that caused this warning to fire.
-	      throw new Error(message);
-	    } catch (x) {}
-	  };
-
-	  lowPriorityWarningWithoutStack = function (condition, format) {
-	    if (format === undefined) {
-	      throw new Error('`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning ' + 'message argument');
-	    }
-
-	    if (!condition) {
-	      for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
-	        args[_key2 - 2] = arguments[_key2];
-	      }
-
-	      printWarning.apply(void 0, [format].concat(args));
-	    }
-	  };
-	}
-
-	var lowPriorityWarningWithoutStack$1 = lowPriorityWarningWithoutStack;
-
 	function typeOf(object) {
@@ -559,4 +496,5 @@ if (typeof object === 'object' && object !== null) {
 	    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-	      hasWarnedAboutDeprecatedIsAsyncMode = true;
-	      lowPriorityWarningWithoutStack$1(false, 'The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
+	      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
+
+	      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
 	    }
@@ -604,3 +542,2 @@ }
 
-	exports.typeOf = typeOf;
 	exports.AsyncMode = AsyncMode;
@@ -619,3 +556,2 @@ exports.ConcurrentMode = ConcurrentMode;
 	exports.Suspense = Suspense;
-	exports.isValidElementType = isValidElementType;
 	exports.isAsyncMode = isAsyncMode;
@@ -634,8 +570,7 @@ exports.isConcurrentMode = isConcurrentMode;
 	exports.isSuspense = isSuspense;
+	exports.isValidElementType = isValidElementType;
+	exports.typeOf = typeOf;
 	  })();
 	}
 	});
-
-	unwrapExports(reactIs_development);
-	reactIs_development.typeOf;
 	reactIs_development.AsyncMode;
@@ -654,3 +589,2 @@ reactIs_development.ConcurrentMode;
 	reactIs_development.Suspense;
-	reactIs_development.isValidElementType;
 	reactIs_development.isAsyncMode;
@@ -669,2 +603,4 @@ reactIs_development.isConcurrentMode;
 	reactIs_development.isSuspense;
+	reactIs_development.isValidElementType;
+	reactIs_development.typeOf;
 
@@ -671,0 +607,0 @@ var reactIs = createCommonjsModule(function (module) {

dist/react-nprogress.umd.production.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).NProgress={},e.React)}(this,(function(e,t){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(t);function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function i(e,t){return e(t={exports:{}},t.exports),t.exports}var f=o(i((function(e){e.exports=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t.indexOf(r=i[n])>=0||(o[r]=e[r]);return o},e.exports.default=e.exports,e.exports.__esModule=!0}))),c=o(i((function(e){function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},e.exports.default=e.exports,e.exports.__esModule=!0,t.apply(this,arguments)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0})));var u=function(e,r){var n,o=(n=t.useRef(!0)).current?(n.current=!1,!0):n.current;t.useEffect((function(){if(!o)return e()}),r)},s=function(){return(s=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},a=function(e){return(e+1)%1e6};var p,l=function(e){t.useEffect(e,[])},y=function(e){void 0===e&&(e={});var r=t.useReducer(a,0)[1],n=t.useRef(s({},e));return[t.useCallback((function(){return n.current}),[]),t.useCallback((function(e){e&&(Object.assign(n.current,e),r())}),[])]},d=function(e,t,r){return e=(e=e<=r?e:r)>=t?e:t},m=!1,b=[],v=function(e){b.push(e),m||1!==b.length||function e(){m=!0;var t=b.shift();if(t)return t(e);m=!1}()},g=function(e,t){var r;p=window.requestAnimationFrame((function n(o){o-(r=r||o)>t?e():p=window.requestAnimationFrame(n)}))},h=function(){},O={isFinished:!0,progress:0,sideEffect:h},x=function(){p&&window.cancelAnimationFrame(p),m=!1,b=[]},$=function(e){var r=void 0===e?{}:e,n=r.animationDuration,o=void 0===n?200:n,i=r.incrementDuration,f=void 0===i?800:i,s=r.isAnimating,a=void 0!==s&&s,p=r.minimum,m=void 0===p?.08:p,b=y(O),$=b[0],P=b[1],S=t.useCallback((function(e){if(1===(e=d(e,m,1)))return x(),v((function(t){P({progress:e,sideEffect:function(){return g(t,o)}})})),void v((function(){P({isFinished:!0,sideEffect:x})}));v((function(t){P({isFinished:!1,progress:e,sideEffect:function(){return g(t,o)}})}))}),[o,m,P]),j=t.useCallback((function(){var e,t;S((e=$().progress,t=0,e>=0&&e<.2?t=.1:e>=.2&&e<.5?t=.04:e>=.5&&e<.8?t=.02:e>=.8&&e<.99&&(t=.005),d(e+t,0,.994)))}),[$,S]),w=t.useCallback((function(){!function e(){j(),v((function(t){g((function(){e(),t()}),f)}))}()}),[f,j]),_=t.useRef(h),M=$().sideEffect;return t.useEffect((function(){_.current=j})),l((function(){return a&&w(),x})),u((function(){$().sideEffect()}),[$,M]),u((function(){a?P(c({},O,{sideEffect:w})):S(1)}),[a,S,P,w]),{animationDuration:o,isFinished:$().isFinished,progress:$().progress}},P=["children"],S=i((function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&Symbol.for,n=r?Symbol.for("react.element"):60103,o=r?Symbol.for("react.portal"):60106,i=r?Symbol.for("react.fragment"):60107,f=r?Symbol.for("react.strict_mode"):60108,c=r?Symbol.for("react.profiler"):60114,u=r?Symbol.for("react.provider"):60109,s=r?Symbol.for("react.context"):60110,a=r?Symbol.for("react.async_mode"):60111,p=r?Symbol.for("react.concurrent_mode"):60111,l=r?Symbol.for("react.forward_ref"):60112,y=r?Symbol.for("react.suspense"):60113,d=r?Symbol.for("react.suspense_list"):60120,m=r?Symbol.for("react.memo"):60115,b=r?Symbol.for("react.lazy"):60116,v=r?Symbol.for("react.fundamental"):60117,g=r?Symbol.for("react.responder"):60118,h=r?Symbol.for("react.scope"):60119;function O(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case n:switch(e=e.type){case a:case p:case i:case c:case f:case y:return e;default:switch(e=e&&e.$$typeof){case s:case l:case b:case m:case u:return e;default:return t}}case o:return t}}}function x(e){return O(e)===p}t.typeOf=O,t.AsyncMode=a,t.ConcurrentMode=p,t.ContextConsumer=s,t.ContextProvider=u,t.Element=n,t.ForwardRef=l,t.Fragment=i,t.Lazy=b,t.Memo=m,t.Portal=o,t.Profiler=c,t.StrictMode=f,t.Suspense=y,t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===p||e===c||e===f||e===y||e===d||"object"==typeof e&&null!==e&&(e.$$typeof===b||e.$$typeof===m||e.$$typeof===u||e.$$typeof===s||e.$$typeof===l||e.$$typeof===v||e.$$typeof===g||e.$$typeof===h)},t.isAsyncMode=function(e){return x(e)||O(e)===a},t.isConcurrentMode=x,t.isContextConsumer=function(e){return O(e)===s},t.isContextProvider=function(e){return O(e)===u},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===n},t.isForwardRef=function(e){return O(e)===l},t.isFragment=function(e){return O(e)===i},t.isLazy=function(e){return O(e)===b},t.isMemo=function(e){return O(e)===m},t.isPortal=function(e){return O(e)===o},t.isProfiler=function(e){return O(e)===c},t.isStrictMode=function(e){return O(e)===f},t.isSuspense=function(e){return O(e)===y}}));o(S);var j=i((function(e,t){}));o(j);var w=i((function(e){e.exports=S})),_={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},M={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},E={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},F={};function C(e){return w.isMemo(e)?E:F[e.$$typeof]||_}F[w.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},F[w.Memo]=E;var T=Object.defineProperty,D=Object.getOwnPropertyNames,N=Object.getOwnPropertySymbols,R=Object.getOwnPropertyDescriptor,k=Object.getPrototypeOf,A=Object.prototype;var z=function e(t,r,n){if("string"!=typeof r){if(A){var o=k(r);o&&o!==A&&e(t,o,n)}var i=D(r);N&&(i=i.concat(N(r)));for(var f=C(t),c=C(r),u=0;u<i.length;++u){var s=i[u];if(!(M[s]||n&&n[s]||c&&c[s]||f&&f[s])){var a=R(r,s);try{T(t,s,a)}catch(e){}}}}return t};e.NProgress=function(e){var t=e.children,r=f(e,P);return t($(r))},e.useNProgress=$,e.withNProgress=function(e){var t=function(t){var r=$(t);return n.createElement(e,c({},t,r))};return z(t,e),t},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).NProgress={},e.React)}(this,(function(e,t){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(t);function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function i(e,t){return e(t={exports:{}},t.exports),t.exports}var c=o(i((function(e){e.exports=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t.indexOf(r=i[n])>=0||(o[r]=e[r]);return o},e.exports.__esModule=!0,e.exports.default=e.exports}))),f=i((function(e){function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(this,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports})),u=o(f);var s=function(e,r){var n,o=(n=t.useRef(!0)).current?(n.current=!1,!0):n.current;t.useEffect((function(){if(!o)return e()}),r)},a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)},l=function(e){return(e+1)%1e6};var p=function(e){t.useEffect(e,[])},y=function(e){void 0===e&&(e={});var r=t.useReducer(l,0)[1],n=t.useRef(a({},e));return[t.useCallback((function(){return n.current}),[]),t.useCallback((function(e){e&&(Object.assign(n.current,e),r())}),[])]},d=function(e,t,r){return e=(e=e<=r?e:r)>=t?e:t},m=function(){var e=!1,t=[],r=function r(){e=!0;var n=t.shift();if(n)return n(r);e=!1};return{clear:function(){e=!1,t=[]},queue:function(n){t.push(n),e||1!==t.length||r()}}},b=function(){},v=function(e){var r,n=void 0===e?{}:e,o=n.animationDuration,i=void 0===o?200:o,c=n.incrementDuration,f=void 0===c?800:c,a=n.isAnimating,l=void 0!==a&&a,v=n.minimum,g=void 0===v?.08:v,h={isFinished:!0,progress:0,sideEffect:b},$=y(h),x=$[0],O=$[1],S=m(),P=S.clear,j=S.queue,w={cancel:function(){console.log("cancel"),r&&window.cancelAnimationFrame(r)},timeout:function(e,t){var n;r=window.requestAnimationFrame((function o(i){i-(n=n||i)>t?e():r=window.requestAnimationFrame(o)}))}},_=w.cancel,E=w.timeout,M=function(){_(),P()},F=t.useCallback((function(e){if(1===(e=d(e,g,1)))return M(),j((function(t){O({progress:e,sideEffect:function(){return E(t,i)}})})),void j((function(){O({isFinished:!0,sideEffect:M})}));j((function(t){O({isFinished:!1,progress:e,sideEffect:function(){return E(t,i)}})}))}),[i,g,O]),C=t.useCallback((function(){var e,t;F((e=x().progress,t=0,e>=0&&e<.2?t=.1:e>=.2&&e<.5?t=.04:e>=.5&&e<.8?t=.02:e>=.8&&e<.99&&(t=.005),d(e+t,0,.994)))}),[x,F]),T=t.useCallback((function(){!function e(){C(),j((function(t){E((function(){e(),t()}),f)}))}()}),[f,C]),k=t.useRef(b),D=x().sideEffect;return t.useEffect((function(){k.current=C})),p((function(){return l&&T(),M})),s((function(){x().sideEffect()}),[x,D]),s((function(){l?O(u({},h,{sideEffect:T})):F(1)}),[l,F,O,T]),{animationDuration:i,isFinished:x().isFinished,progress:x().progress}},g=["children"],h="function"==typeof Symbol&&Symbol.for,$=h?Symbol.for("react.element"):60103,x=h?Symbol.for("react.portal"):60106,O=h?Symbol.for("react.fragment"):60107,S=h?Symbol.for("react.strict_mode"):60108,P=h?Symbol.for("react.profiler"):60114,j=h?Symbol.for("react.provider"):60109,w=h?Symbol.for("react.context"):60110,_=h?Symbol.for("react.async_mode"):60111,E=h?Symbol.for("react.concurrent_mode"):60111,M=h?Symbol.for("react.forward_ref"):60112,F=h?Symbol.for("react.suspense"):60113,C=h?Symbol.for("react.suspense_list"):60120,T=h?Symbol.for("react.memo"):60115,k=h?Symbol.for("react.lazy"):60116,D=h?Symbol.for("react.block"):60121,N=h?Symbol.for("react.fundamental"):60117,R=h?Symbol.for("react.responder"):60118,A=h?Symbol.for("react.scope"):60119;function q(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case $:switch(e=e.type){case _:case E:case O:case P:case S:case F:return e;default:switch(e=e&&e.$$typeof){case w:case M:case k:case T:case j:return e;default:return t}}case x:return t}}}function z(e){return q(e)===E}var L={AsyncMode:_,ConcurrentMode:E,ContextConsumer:w,ContextProvider:j,Element:$,ForwardRef:M,Fragment:O,Lazy:k,Memo:T,Portal:x,Profiler:P,StrictMode:S,Suspense:F,isAsyncMode:function(e){return z(e)||q(e)===_},isConcurrentMode:z,isContextConsumer:function(e){return q(e)===w},isContextProvider:function(e){return q(e)===j},isElement:function(e){return"object"==typeof e&&null!==e&&e.$$typeof===$},isForwardRef:function(e){return q(e)===M},isFragment:function(e){return q(e)===O},isLazy:function(e){return q(e)===k},isMemo:function(e){return q(e)===T},isPortal:function(e){return q(e)===x},isProfiler:function(e){return q(e)===P},isStrictMode:function(e){return q(e)===S},isSuspense:function(e){return q(e)===F},isValidElementType:function(e){return"string"==typeof e||"function"==typeof e||e===O||e===E||e===P||e===S||e===F||e===C||"object"==typeof e&&null!==e&&(e.$$typeof===k||e.$$typeof===T||e.$$typeof===j||e.$$typeof===w||e.$$typeof===M||e.$$typeof===N||e.$$typeof===R||e.$$typeof===A||e.$$typeof===D)},typeOf:q},V=(i((function(e,t){})),i((function(e){e.exports=L}))),B={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},G={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},H={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},I={};function J(e){return V.isMemo(e)?H:I[e.$$typeof]||B}I[V.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},I[V.Memo]=H;var K=Object.defineProperty,Q=Object.getOwnPropertyNames,U=Object.getOwnPropertySymbols,W=Object.getOwnPropertyDescriptor,X=Object.getPrototypeOf,Y=Object.prototype;var Z=function e(t,r,n){if("string"!=typeof r){if(Y){var o=X(r);o&&o!==Y&&e(t,o,n)}var i=Q(r);U&&(i=i.concat(U(r)));for(var c=J(t),f=J(r),u=0;u<i.length;++u){var s=i[u];if(!(G[s]||n&&n[s]||f&&f[s]||c&&c[s])){var a=W(r,s);try{K(t,s,a)}catch(e){}}}}return t};e.NProgress=function(e){var t=e.children,r=c(e,g);return t(v(r))},e.useNProgress=v,e.withNProgress=function(e){var t=function(t){var r=v(t);return n.createElement(e,u({},t,r))};return Z(t,e),t},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=react-nprogress.umd.production.js.map

dist/timeout.d.ts

@@ -1,2 +0,4 @@
-export declare const cancel: () => void;
-export declare const timeout: (callback: () => void, delay: number) => void;
+export declare const createTimeout: () => {
+    cancel: () => void;
+    timeout: (callback: () => void, delay: number) => void;
+};

package.json

 {
   "name": "@tanem/react-nprogress",
-  "version": "3.0.82",
+  "version": "4.0.0-beta.1",
   "description": "A React primitive for building slim progress bars.",
@@ -36,3 +36,3 @@ "main": "dist/index.js",
     "test:umdprod": "jest --config ./scripts/jest/config.umdprod.js",
-    "version": "run-s test changelog authors && git add ."
+    "// version": "run-s test changelog authors && git add ."
   },
@@ -70,3 +70,3 @@ "repository": {
   "dependencies": {
-    "@babel/runtime": "^7.16.0",
+    "@babel/runtime": "^7.16.5",
     "hoist-non-react-statics": "^3.3.2",
@@ -77,30 +77,30 @@ "prop-types": "^15.7.2",
   "devDependencies": {
-    "@babel/core": "7.16.0",
-    "@babel/plugin-proposal-class-properties": "7.16.0",
-    "@babel/plugin-transform-runtime": "7.16.0",
-    "@babel/preset-env": "7.16.0",
-    "@babel/preset-react": "7.16.0",
-    "@babel/preset-typescript": "7.16.0",
+    "@babel/core": "7.16.5",
+    "@babel/plugin-proposal-class-properties": "7.16.5",
+    "@babel/plugin-transform-runtime": "7.16.5",
+    "@babel/preset-env": "7.16.5",
+    "@babel/preset-react": "7.16.5",
+    "@babel/preset-typescript": "7.16.5",
     "@testing-library/react": "12.1.2",
     "@testing-library/react-hooks": "7.0.2",
     "@types/hoist-non-react-statics": "3.3.1",
-    "@types/jest": "27.0.2",
+    "@types/jest": "27.0.3",
     "@types/mock-raf": "1.0.3",
     "@types/prop-types": "15.7.4",
-    "@types/react": "17.0.33",
-    "@types/react-dom": "17.0.10",
-    "@typescript-eslint/eslint-plugin": "5.3.0",
-    "@typescript-eslint/parser": "5.3.0",
+    "@types/react": "17.0.37",
+    "@types/react-dom": "17.0.11",
+    "@typescript-eslint/eslint-plugin": "5.7.0",
+    "@typescript-eslint/parser": "5.7.0",
     "babel-core": "6.26.3",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "cross-env": "7.0.3",
-    "eslint": "8.1.0",
+    "eslint": "8.4.1",
     "eslint-config-prettier": "8.3.0",
-    "eslint-plugin-react": "7.26.1",
-    "eslint-plugin-react-hooks": "4.2.0",
+    "eslint-plugin-react": "7.27.1",
+    "eslint-plugin-react-hooks": "4.3.0",
     "eslint-plugin-simple-import-sort": "7.0.0",
-    "jest": "27.3.1",
+    "jest": "27.4.5",
     "mock-raf": "1.0.1",
     "npm-run-all": "4.1.5",
-    "prettier": "2.4.1",
+    "prettier": "2.5.1",
     "react": "17.0.2",
@@ -110,3 +110,3 @@ "react-dom": "17.0.2",
     "regenerator-runtime": "0.13.9",
-    "rollup": "2.59.0",
+    "rollup": "2.61.1",
     "rollup-plugin-babel": "4.4.0",
@@ -122,5 +122,5 @@ "rollup-plugin-commonjs": "10.1.0",
     "tanem-scripts": "6.0.35",
-    "ts-jest": "27.0.7",
+    "ts-jest": "27.1.1",
     "typescript": "4.3.5"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

179804

decreased by-2.89%

Lines of code

1149

decreased by-0.52%

Number of low quality alerts

3

increased by50%

Dependency changes

• Updated@babel/runtime@^7.16.5