@welldone-software/why-did-you-render - npm Package Compare versions

Comparing version 3.0.11 to 3.1.0

dist/cjs/whyDidYouRender.js

 /**
- * @welldone-software/why-did-you-render 3.0.11
+ * @welldone-software/why-did-you-render 3.1.0
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-06-06
+ * Generated at 2019-06-07
  */
@@ -579,2 +579,20 @@
 
+// copied from https://github.com/facebook/react/blob/master/packages/react-reconciler/src/ReactTypeOfMode.js
+var StrictMode = 2; // based on "findStrictRoot" from https://github.com/facebook/react/blob/master/packages/react-reconciler/src/ReactStrictModeWarnings.js
+// notice: this is only used for class components. functional components doesn't re-rendered inside strict mode
+
+function checkIfInsideAStrictModeTree(reactComponentInstance) {
+  var reactInternalFiber = reactComponentInstance._reactInternalFiber;
+
+  while (reactInternalFiber !== null) {
+    if (reactInternalFiber.mode & StrictMode) {
+      return true;
+    }
+
+    reactInternalFiber = reactInternalFiber["return"];
+  }
+
+  return false;
+}
+
 var hasSymbol$1 = typeof Symbol === 'function' && Symbol["for"];
@@ -595,7 +613,12 @@ var REACT_MEMO_TYPE = hasSymbol$1 ? Symbol["for"]('react.memo') : 0xead3;
       _this = _possibleConstructorReturn(this, _getPrototypeOf(WDYRPatchedClassComponent).call(this, props, context));
-      var renderIsAnArrowFunction = _this.render && !ClassComponent.prototype.render;
+      _this._WDYR = {
+        renderNumber: 0
+      };
 
-      if (renderIsAnArrowFunction) {
-        var origRender = _this.render;
+      var origRender = _get(_getPrototypeOf(WDYRPatchedClassComponent.prototype), "render", _assertThisInitialized(_this)) || _this.render; // this probably means render is an arrow function or this.render.bind(this) was called on the original class
 
+
+      var renderIsABindedFunction = origRender !== ClassComponent.prototype.render;
+
+      if (renderIsABindedFunction) {
         _this.render = function () {
@@ -613,17 +636,27 @@ WDYRPatchedClassComponent.prototype.render.apply(_assertThisInitialized(_this));
       value: function render() {
-        if (this._prevProps) {
-          options.notifier(getUpdateInfo({
-            Component: ClassComponent,
-            displayName: displayName,
-            prevProps: this._prevProps,
-            prevState: this._prevState,
-            nextProps: this.props,
-            nextState: this.state,
-            options: options
-          }));
+        this._WDYR.renderNumber++;
+
+        if (!('isStrictMode' in this._WDYR)) {
+          this._WDYR.isStrictMode = checkIfInsideAStrictModeTree(this);
+        } // in strict mode- ignore every other render
+
+
+        if (!(this._WDYR.isStrictMode && this._WDYR.renderNumber % 2 === 1)) {
+          if (this._WDYR.prevProps) {
+            options.notifier(getUpdateInfo({
+              Component: ClassComponent,
+              displayName: displayName,
+              prevProps: this._WDYR.prevProps,
+              prevState: this._WDYR.prevState,
+              nextProps: this.props,
+              nextState: this.state,
+              options: options
+            }));
+          }
+
+          this._WDYR.prevProps = this.props;
+          this._WDYR.prevState = this.state;
         }
 
-        this._prevProps = this.props;
-        this._prevState = this.state;
-        return _get(_getPrototypeOf(WDYRPatchedClassComponent.prototype), "render", this) && _get(_getPrototypeOf(WDYRPatchedClassComponent.prototype), "render", this).call(this);
+        return _get(_getPrototypeOf(WDYRPatchedClassComponent.prototype), "render", this) ? _get(_getPrototypeOf(WDYRPatchedClassComponent.prototype), "render", this).call(this) : null;
       }
@@ -630,0 +663,0 @@ }]);

dist/cjs/whyDidYouRender.min.js

 /**
- * @welldone-software/why-did-you-render 3.0.11
+ * @welldone-software/why-did-you-render 3.1.0
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-06-06
+ * Generated at 2019-06-07
  */
 
-"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var _mapValues=_interopDefault(require("lodash/mapValues")),_get$1=_interopDefault(require("lodash/get")),_defaults=_interopDefault(require("lodash/defaults")),_isString=_interopDefault(require("lodash/isString")),_reduce=_interopDefault(require("lodash/reduce")),_has=_interopDefault(require("lodash/has")),_keys=_interopDefault(require("lodash/keys")),_isFunction=_interopDefault(require("lodash/isFunction")),_isRegExp=_interopDefault(require("lodash/isRegExp")),_isDate=_interopDefault(require("lodash/isDate")),_isPlainObject=_interopDefault(require("lodash/isPlainObject")),_isArray=_interopDefault(require("lodash/isArray"));function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){_defineProperty(e,t,r[t])})}return e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _getPrototypeOf(e){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function _setPrototypeOf(e,t){return(_setPrototypeOf=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _possibleConstructorReturn(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?_assertThisInitialized(e):t}function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}function _get(e,t,r){return(_get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,r){var n=_superPropBase(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}})(e,t,r||e)}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}var _diffTypesDescription,diffTypes={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},moreInfoUrl="http://bit.ly/wdyr02",moreInfoHooksUrl="http://bit.ly/wdyr3",diffTypesDescriptions=(_defineProperty(_diffTypesDescription={},diffTypes.different,"different objects."),_defineProperty(_diffTypesDescription,diffTypes.deepEquals,"different objects that are equal by value."),_defineProperty(_diffTypesDescription,diffTypes.date,"different date objects with the same value."),_defineProperty(_diffTypesDescription,diffTypes.regex,"different regular expressions with the same value."),_defineProperty(_diffTypesDescription,diffTypes.reactElement,"different React elements with the same displayName."),_defineProperty(_diffTypesDescription,diffTypes.function,"different functions with the same name."),_diffTypesDescription),inHotReload=!1;function shouldLog(e,t,r){return!inHotReload&&(!!r.logOnDifferentValues||(!(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)||!(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===diffTypes.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===diffTypes.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===diffTypes.different}))))}function logDifference(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,i=e.diffObjType,a=e.differences,f=e.values,s=e.options;a&&a.length>0?(s.consoleLog(_defineProperty({},r,t),"".concat(o," of ").concat(i," changes:")),a.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,a=e.nextValue;s.consoleGroup("%c".concat("hook"===i?"[hook ".concat(n," result]"):"".concat(i,"."),"%c").concat(t,"%c"),"color:".concat(s.diffNameColor,";"),"color:".concat(s.diffPathColor,";"),"color:default;"),s.consoleLog("".concat(diffTypesDescriptions[r]," (more info at ").concat(n?moreInfoHooksUrl:moreInfoUrl,")")),s.consoleLog(_defineProperty({},"prev ".concat(t),o),"!==",_defineProperty({},"next ".concat(t),a)),s.consoleGroupEnd()})):a&&(s.consoleLog(_defineProperty({},r,t),"".concat(o," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(moreInfoUrl)),s.consoleLog("prev ".concat(i,":"),f.prev," !== ",f.next,":next ".concat(i)))}function defaultNotifier(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook,p=e.reason,u=e.options;if(shouldLog(p,t,u)){u.consoleGroup("%c".concat(r),"color: ".concat(u.titleColor,";"));var l="Re-rendered because";p.propsDifferences&&(logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"props",differences:p.propsDifferences,values:{prev:o,next:f},options:u}),l="And because"),p.stateDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"state",differences:p.stateDifferences,values:{prev:i,next:s},options:u}),p.hookDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"hook",differences:p.hookDifferences,values:{prev:a,next:c},hookName:n,options:u}),p.propsDifferences||p.stateDifferences||p.hookDifferences||u.consoleLog(_defineProperty({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(moreInfoUrl)),u.consoleGroupEnd()}}function createDefaultNotifier(e){return e&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(inHotReload=!0,setTimeout(function(){inHotReload=!1},e))}),defaultNotifier}var emptyFn=function(){};function normalizeOptions(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=console.group,r=console.groupEnd;return e.collapseGroups?t=console.groupCollapsed:e.onlyLogs&&(t=console.log,r=emptyFn),_objectSpread({include:null,exclude:null,notifier:e.notifier||createDefaultNotifier(e.hasOwnProperty("hotReloadBufferMs")?e.hotReloadBufferMs:500),onlyLogs:!1,consoleLog:console.log,consoleGroup:t,consoleGroupEnd:r,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},e)}function getDisplayName(e){return e.displayName||e.name||e.type&&getDisplayName(e.type)||(_isString(e)?e:void 0)}var hasElementType="undefined"!=typeof Element,hasSymbol="function"==typeof Symbol&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,isReactElement=function(e){return e.$$typeof===REACT_ELEMENT_TYPE};function trackDiff(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==diffTypes.different}function accumulateDeepEqualDiffs(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(e===t)return!0;if(!e||!t)return trackDiff(e,t,r,n,diffTypes.different);if(_isArray(e)&&_isArray(t)){var o=e.length;if(o!==t.length)return trackDiff(e,t,r,n,diffTypes.different);for(var i=!0,a=o;0!=a--;)accumulateDeepEqualDiffs(e[a],t[a],r,"".concat(n,"[").concat(a,"]"))||(i=!1);return trackDiff(e,t,r,n,i?diffTypes.deepEquals:diffTypes.different)}if(_isDate(e)&&_isDate(t))return e.getTime()===t.getTime()?trackDiff(e,t,r,n,diffTypes.date):trackDiff(e,t,r,n,diffTypes.different);if(_isRegExp(e)&&_isRegExp(t))return e.toString()===t.toString()?trackDiff(e,t,r,n,diffTypes.regex):trackDiff(e,t,r,n,diffTypes.different);if(hasElementType&&e instanceof Element&&t instanceof Element)return trackDiff(e,t,r,n,diffTypes.different);if(isReactElement(e)&&isReactElement(t))return e.type!==t.type?trackDiff(e,t,r,n,diffTypes.different):trackDiff(e,t,r,n,accumulateDeepEqualDiffs(e.props,t.props,r,"".concat(n,".props"))?diffTypes.reactElement:diffTypes.different);if(_isFunction(e)&&_isFunction(t))return e.name===t.name?trackDiff(e,t,r,n,diffTypes.function):trackDiff(e,t,r,n,diffTypes.different);if(_isPlainObject(e)&&_isPlainObject(t)){var f=_keys(e),s=f.length;if(s!==_keys(t).length)return trackDiff(e,t,r,n,diffTypes.different);for(var c=s;0!=c--;)if(!_has(t,f[c]))return trackDiff(e,t,r,n,diffTypes.different);for(var p=!0,u=s;0!=u--;){var l=f[u];accumulateDeepEqualDiffs(e[l],t[l],r,"".concat(n,".").concat(l))||(p=!1)}return trackDiff(e,t,r,n,p?diffTypes.deepEquals:diffTypes.different)}return trackDiff(e,t,r,n,diffTypes.different)}function calculateDeepEqualDiffs(e,t,r){try{var n=[];return accumulateDeepEqualDiffs(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var emptyObject={};function findObjectsDifferences(e,t){var r=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===t)return!1;if(!(void 0===r||r))return calculateDeepEqualDiffs(e,t);var n=e||emptyObject,o=t||emptyObject,i=Object.keys(_objectSpread({},n,o));return _reduce(i,function(e,t){var r=calculateDeepEqualDiffs(n[t],o[t],t);return r&&(e=[].concat(_toConsumableArray(e),_toConsumableArray(r))),e},[])}function getUpdateReason(e,t,r,n,o,i){return{propsDifferences:findObjectsDifferences(e,n),stateDifferences:findObjectsDifferences(t,o),hookDifferences:findObjectsDifferences(r,i,{shallow:!1})}}function getUpdateInfo(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:i,prevHook:a,nextProps:f,nextState:s,nextHook:c,options:e.options,reason:getUpdateReason(o,i,a,f,s,c)}}function shouldInclude(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}function shouldExclude(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}function shouldTrack(e,t,r){return!shouldExclude(t,r)&&!(!e.whyDidYouRender&&!shouldInclude(t,r))}var hasSymbol$1="function"==typeof Symbol&&Symbol.for,REACT_MEMO_TYPE=hasSymbol$1?Symbol.for("react.memo"):60115;function patchClassComponent(e,t,r,n){var o=function(r){function o(t,r){var n;if(_classCallCheck(this,o),(n=_possibleConstructorReturn(this,_getPrototypeOf(o).call(this,t,r))).render&&!e.prototype.render){var i=n.render;n.render=function(){return o.prototype.render.apply(_assertThisInitialized(n)),i()}}return n}return _inherits(o,e),_createClass(o,[{key:"render",value:function(){return this._prevProps&&n.notifier(getUpdateInfo({Component:e,displayName:t,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:n})),this._prevProps=this.props,this._prevState=this.state,_get(_getPrototypeOf(o.prototype),"render",this)&&_get(_getPrototypeOf(o.prototype),"render",this).call(this)}}]),o}();return o.displayName=t,_defaults(o,e),o}function patchFunctionalComponent(e,t,r,n){function o(o){var i=r.useRef(),a=i.current;if(i.current=o,a){var f=getUpdateInfo({Component:e,displayName:t,prevProps:a,nextProps:o,options:n});f.reason.propsDifferences&&n.notifier(f)}return e(o)}return o.displayName=t,o.ComponentForHooksTracking=e,_defaults(o,e),o}function patchMemoComponent(e,t,r,n){var o=e.type;function i(i){var a=r.useRef(),f=a.current;if(a.current=i,f){var s=getUpdateInfo({Component:e,displayName:t,prevProps:f,nextProps:i,options:n});s.reason.propsDifferences&&s.reason.propsDifferences.length>0&&n.notifier(s)}return o(i)}i.displayName=getDisplayName(o),i.ComponentForHooksTracking=e,_defaults(i,o);var a=r.memo(i,e.compare);return a.displayName=t,_defaults(a,e),a}function trackHookChanges(e,t,r,n,o){var i=t.path,a=r,f=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current;if(!f)return a;var s=f.type.ComponentForHooksTracking||f.type,c=getDisplayName(s);if(!shouldTrack(s,c,o))return a;var p=n.useRef(),u=p.current;if(p.current=a,u){var l=getUpdateInfo({Component:s,displayName:c,hookName:e,prevHook:i?_get$1(u,i):u,nextHook:i?_get$1(a,i):a,options:o});l.reason.hookDifferences&&o.notifier(l)}return p.current}function createPatchedComponent(e,t,r,n,o){return t.$$typeof===REACT_MEMO_TYPE?patchMemoComponent(t,r,n,o):t.prototype&&t.prototype.isReactComponent?patchClassComponent(t,r,n,o):patchFunctionalComponent(t,r,n,o)}function getPatchedComponent(e,t,r,n,o){if(e.has(t))return e.get(t);var i=createPatchedComponent(e,t,r,n,o);return e.set(t,i),i}var hooksConfig={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function whyDidYouRender(e,t){var r,n=normalizeOptions(t),o=e.createElement,i=e.createFactory,a=new WeakMap;if(e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===REACT_MEMO_TYPE)&&shouldTrack(t,getDisplayName(t),n),i=arguments.length,f=new Array(i>1?i-1:0),s=1;s<i;s++)f[s-1]=arguments[s];if(!r)return o.apply(e,[t].concat(f));var c=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||getDisplayName(t),p=getPatchedComponent(a,t,c,e,n);return o.apply(e,[p].concat(f))},Object.assign(e.createElement,o),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),n.trackHooks){var f=_mapValues(hooksConfig,function(t,o){return function(){var i=r[o];if(!i)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var a=i.apply(void 0,arguments);return t&&trackHookChanges(o,!0===t?{}:t,a,e,n),a}});Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){r=e&&_objectSpread({},e,e.origHooks)},get:function(){return r&&_objectSpread({},r,f,{origHooks:r})}})}return e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:o,createFactory:i}),a=null,Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0,value:r}),delete e.__REVERT_WHY_DID_YOU_RENDER__},e}whyDidYouRender.defaultNotifier=defaultNotifier,module.exports=whyDidYouRender;
+"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var _mapValues=_interopDefault(require("lodash/mapValues")),_get$1=_interopDefault(require("lodash/get")),_defaults=_interopDefault(require("lodash/defaults")),_isString=_interopDefault(require("lodash/isString")),_reduce=_interopDefault(require("lodash/reduce")),_has=_interopDefault(require("lodash/has")),_keys=_interopDefault(require("lodash/keys")),_isFunction=_interopDefault(require("lodash/isFunction")),_isRegExp=_interopDefault(require("lodash/isRegExp")),_isDate=_interopDefault(require("lodash/isDate")),_isPlainObject=_interopDefault(require("lodash/isPlainObject")),_isArray=_interopDefault(require("lodash/isArray"));function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){_defineProperty(e,t,r[t])})}return e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _getPrototypeOf(e){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function _setPrototypeOf(e,t){return(_setPrototypeOf=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _possibleConstructorReturn(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?_assertThisInitialized(e):t}function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}function _get(e,t,r){return(_get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,r){var n=_superPropBase(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}})(e,t,r||e)}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}var _diffTypesDescription,diffTypes={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},moreInfoUrl="http://bit.ly/wdyr02",moreInfoHooksUrl="http://bit.ly/wdyr3",diffTypesDescriptions=(_defineProperty(_diffTypesDescription={},diffTypes.different,"different objects."),_defineProperty(_diffTypesDescription,diffTypes.deepEquals,"different objects that are equal by value."),_defineProperty(_diffTypesDescription,diffTypes.date,"different date objects with the same value."),_defineProperty(_diffTypesDescription,diffTypes.regex,"different regular expressions with the same value."),_defineProperty(_diffTypesDescription,diffTypes.reactElement,"different React elements with the same displayName."),_defineProperty(_diffTypesDescription,diffTypes.function,"different functions with the same name."),_diffTypesDescription),inHotReload=!1;function shouldLog(e,t,r){return!inHotReload&&(!!r.logOnDifferentValues||(!(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)||!(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===diffTypes.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===diffTypes.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===diffTypes.different}))))}function logDifference(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,i=e.diffObjType,a=e.differences,f=e.values,s=e.options;a&&a.length>0?(s.consoleLog(_defineProperty({},r,t),"".concat(o," of ").concat(i," changes:")),a.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,a=e.nextValue;s.consoleGroup("%c".concat("hook"===i?"[hook ".concat(n," result]"):"".concat(i,"."),"%c").concat(t,"%c"),"color:".concat(s.diffNameColor,";"),"color:".concat(s.diffPathColor,";"),"color:default;"),s.consoleLog("".concat(diffTypesDescriptions[r]," (more info at ").concat(n?moreInfoHooksUrl:moreInfoUrl,")")),s.consoleLog(_defineProperty({},"prev ".concat(t),o),"!==",_defineProperty({},"next ".concat(t),a)),s.consoleGroupEnd()})):a&&(s.consoleLog(_defineProperty({},r,t),"".concat(o," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(moreInfoUrl)),s.consoleLog("prev ".concat(i,":"),f.prev," !== ",f.next,":next ".concat(i)))}function defaultNotifier(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook,p=e.reason,u=e.options;if(shouldLog(p,t,u)){u.consoleGroup("%c".concat(r),"color: ".concat(u.titleColor,";"));var l="Re-rendered because";p.propsDifferences&&(logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"props",differences:p.propsDifferences,values:{prev:o,next:f},options:u}),l="And because"),p.stateDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"state",differences:p.stateDifferences,values:{prev:i,next:s},options:u}),p.hookDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"hook",differences:p.hookDifferences,values:{prev:a,next:c},hookName:n,options:u}),p.propsDifferences||p.stateDifferences||p.hookDifferences||u.consoleLog(_defineProperty({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(moreInfoUrl)),u.consoleGroupEnd()}}function createDefaultNotifier(e){return e&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(inHotReload=!0,setTimeout(function(){inHotReload=!1},e))}),defaultNotifier}var emptyFn=function(){};function normalizeOptions(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=console.group,r=console.groupEnd;return e.collapseGroups?t=console.groupCollapsed:e.onlyLogs&&(t=console.log,r=emptyFn),_objectSpread({include:null,exclude:null,notifier:e.notifier||createDefaultNotifier(e.hasOwnProperty("hotReloadBufferMs")?e.hotReloadBufferMs:500),onlyLogs:!1,consoleLog:console.log,consoleGroup:t,consoleGroupEnd:r,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},e)}function getDisplayName(e){return e.displayName||e.name||e.type&&getDisplayName(e.type)||(_isString(e)?e:void 0)}var hasElementType="undefined"!=typeof Element,hasSymbol="function"==typeof Symbol&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,isReactElement=function(e){return e.$$typeof===REACT_ELEMENT_TYPE};function trackDiff(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==diffTypes.different}function accumulateDeepEqualDiffs(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(e===t)return!0;if(!e||!t)return trackDiff(e,t,r,n,diffTypes.different);if(_isArray(e)&&_isArray(t)){var o=e.length;if(o!==t.length)return trackDiff(e,t,r,n,diffTypes.different);for(var i=!0,a=o;0!=a--;)accumulateDeepEqualDiffs(e[a],t[a],r,"".concat(n,"[").concat(a,"]"))||(i=!1);return trackDiff(e,t,r,n,i?diffTypes.deepEquals:diffTypes.different)}if(_isDate(e)&&_isDate(t))return e.getTime()===t.getTime()?trackDiff(e,t,r,n,diffTypes.date):trackDiff(e,t,r,n,diffTypes.different);if(_isRegExp(e)&&_isRegExp(t))return e.toString()===t.toString()?trackDiff(e,t,r,n,diffTypes.regex):trackDiff(e,t,r,n,diffTypes.different);if(hasElementType&&e instanceof Element&&t instanceof Element)return trackDiff(e,t,r,n,diffTypes.different);if(isReactElement(e)&&isReactElement(t))return e.type!==t.type?trackDiff(e,t,r,n,diffTypes.different):trackDiff(e,t,r,n,accumulateDeepEqualDiffs(e.props,t.props,r,"".concat(n,".props"))?diffTypes.reactElement:diffTypes.different);if(_isFunction(e)&&_isFunction(t))return e.name===t.name?trackDiff(e,t,r,n,diffTypes.function):trackDiff(e,t,r,n,diffTypes.different);if(_isPlainObject(e)&&_isPlainObject(t)){var f=_keys(e),s=f.length;if(s!==_keys(t).length)return trackDiff(e,t,r,n,diffTypes.different);for(var c=s;0!=c--;)if(!_has(t,f[c]))return trackDiff(e,t,r,n,diffTypes.different);for(var p=!0,u=s;0!=u--;){var l=f[u];accumulateDeepEqualDiffs(e[l],t[l],r,"".concat(n,".").concat(l))||(p=!1)}return trackDiff(e,t,r,n,p?diffTypes.deepEquals:diffTypes.different)}return trackDiff(e,t,r,n,diffTypes.different)}function calculateDeepEqualDiffs(e,t,r){try{var n=[];return accumulateDeepEqualDiffs(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var emptyObject={};function findObjectsDifferences(e,t){var r=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===t)return!1;if(!(void 0===r||r))return calculateDeepEqualDiffs(e,t);var n=e||emptyObject,o=t||emptyObject,i=Object.keys(_objectSpread({},n,o));return _reduce(i,function(e,t){var r=calculateDeepEqualDiffs(n[t],o[t],t);return r&&(e=[].concat(_toConsumableArray(e),_toConsumableArray(r))),e},[])}function getUpdateReason(e,t,r,n,o,i){return{propsDifferences:findObjectsDifferences(e,n),stateDifferences:findObjectsDifferences(t,o),hookDifferences:findObjectsDifferences(r,i,{shallow:!1})}}function getUpdateInfo(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:i,prevHook:a,nextProps:f,nextState:s,nextHook:c,options:e.options,reason:getUpdateReason(o,i,a,f,s,c)}}function shouldInclude(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}function shouldExclude(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}function shouldTrack(e,t,r){return!shouldExclude(t,r)&&!(!e.whyDidYouRender&&!shouldInclude(t,r))}var StrictMode=2;function checkIfInsideAStrictModeTree(e){for(var t=e._reactInternalFiber;null!==t;){if(t.mode&StrictMode)return!0;t=t.return}return!1}var hasSymbol$1="function"==typeof Symbol&&Symbol.for,REACT_MEMO_TYPE=hasSymbol$1?Symbol.for("react.memo"):60115;function patchClassComponent(e,t,r,n){var o=function(r){function o(t,r){var n;_classCallCheck(this,o),(n=_possibleConstructorReturn(this,_getPrototypeOf(o).call(this,t,r)))._WDYR={renderNumber:0};var i=_get(_getPrototypeOf(o.prototype),"render",_assertThisInitialized(n))||n.render;return i!==e.prototype.render&&(n.render=function(){return o.prototype.render.apply(_assertThisInitialized(n)),i()}),n}return _inherits(o,e),_createClass(o,[{key:"render",value:function(){return this._WDYR.renderNumber++,"isStrictMode"in this._WDYR||(this._WDYR.isStrictMode=checkIfInsideAStrictModeTree(this)),this._WDYR.isStrictMode&&this._WDYR.renderNumber%2==1||(this._WDYR.prevProps&&n.notifier(getUpdateInfo({Component:e,displayName:t,prevProps:this._WDYR.prevProps,prevState:this._WDYR.prevState,nextProps:this.props,nextState:this.state,options:n})),this._WDYR.prevProps=this.props,this._WDYR.prevState=this.state),_get(_getPrototypeOf(o.prototype),"render",this)?_get(_getPrototypeOf(o.prototype),"render",this).call(this):null}}]),o}();return o.displayName=t,_defaults(o,e),o}function patchFunctionalComponent(e,t,r,n){function o(o){var i=r.useRef(),a=i.current;if(i.current=o,a){var f=getUpdateInfo({Component:e,displayName:t,prevProps:a,nextProps:o,options:n});f.reason.propsDifferences&&n.notifier(f)}return e(o)}return o.displayName=t,o.ComponentForHooksTracking=e,_defaults(o,e),o}function patchMemoComponent(e,t,r,n){var o=e.type;function i(i){var a=r.useRef(),f=a.current;if(a.current=i,f){var s=getUpdateInfo({Component:e,displayName:t,prevProps:f,nextProps:i,options:n});s.reason.propsDifferences&&s.reason.propsDifferences.length>0&&n.notifier(s)}return o(i)}i.displayName=getDisplayName(o),i.ComponentForHooksTracking=e,_defaults(i,o);var a=r.memo(i,e.compare);return a.displayName=t,_defaults(a,e),a}function trackHookChanges(e,t,r,n,o){var i=t.path,a=r,f=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current;if(!f)return a;var s=f.type.ComponentForHooksTracking||f.type,c=getDisplayName(s);if(!shouldTrack(s,c,o))return a;var p=n.useRef(),u=p.current;if(p.current=a,u){var l=getUpdateInfo({Component:s,displayName:c,hookName:e,prevHook:i?_get$1(u,i):u,nextHook:i?_get$1(a,i):a,options:o});l.reason.hookDifferences&&o.notifier(l)}return p.current}function createPatchedComponent(e,t,r,n,o){return t.$$typeof===REACT_MEMO_TYPE?patchMemoComponent(t,r,n,o):t.prototype&&t.prototype.isReactComponent?patchClassComponent(t,r,n,o):patchFunctionalComponent(t,r,n,o)}function getPatchedComponent(e,t,r,n,o){if(e.has(t))return e.get(t);var i=createPatchedComponent(e,t,r,n,o);return e.set(t,i),i}var hooksConfig={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function whyDidYouRender(e,t){var r,n=normalizeOptions(t),o=e.createElement,i=e.createFactory,a=new WeakMap;if(e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===REACT_MEMO_TYPE)&&shouldTrack(t,getDisplayName(t),n),i=arguments.length,f=new Array(i>1?i-1:0),s=1;s<i;s++)f[s-1]=arguments[s];if(!r)return o.apply(e,[t].concat(f));var c=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||getDisplayName(t),p=getPatchedComponent(a,t,c,e,n);return o.apply(e,[p].concat(f))},Object.assign(e.createElement,o),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),n.trackHooks){var f=_mapValues(hooksConfig,function(t,o){return function(){var i=r[o];if(!i)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var a=i.apply(void 0,arguments);return t&&trackHookChanges(o,!0===t?{}:t,a,e,n),a}});Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){r=e&&_objectSpread({},e,e.origHooks)},get:function(){return r&&_objectSpread({},r,f,{origHooks:r})}})}return e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:o,createFactory:i}),a=null,Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0,value:r}),delete e.__REVERT_WHY_DID_YOU_RENDER__},e}whyDidYouRender.defaultNotifier=defaultNotifier,module.exports=whyDidYouRender;
 //# sourceMappingURL=whyDidYouRender.min.js.map

dist/esm/whyDidYouRender.js

 /**
- * @welldone-software/why-did-you-render 3.0.11
+ * @welldone-software/why-did-you-render 3.1.0
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-06-06
+ * Generated at 2019-06-07
  */
@@ -575,2 +575,20 @@
 
+// copied from https://github.com/facebook/react/blob/master/packages/react-reconciler/src/ReactTypeOfMode.js
+var StrictMode = 2; // based on "findStrictRoot" from https://github.com/facebook/react/blob/master/packages/react-reconciler/src/ReactStrictModeWarnings.js
+// notice: this is only used for class components. functional components doesn't re-rendered inside strict mode
+
+function checkIfInsideAStrictModeTree(reactComponentInstance) {
+  var reactInternalFiber = reactComponentInstance._reactInternalFiber;
+
+  while (reactInternalFiber !== null) {
+    if (reactInternalFiber.mode & StrictMode) {
+      return true;
+    }
+
+    reactInternalFiber = reactInternalFiber["return"];
+  }
+
+  return false;
+}
+
 var hasSymbol$1 = typeof Symbol === 'function' && Symbol["for"];
@@ -591,7 +609,12 @@ var REACT_MEMO_TYPE = hasSymbol$1 ? Symbol["for"]('react.memo') : 0xead3;
       _this = _possibleConstructorReturn(this, _getPrototypeOf(WDYRPatchedClassComponent).call(this, props, context));
-      var renderIsAnArrowFunction = _this.render && !ClassComponent.prototype.render;
+      _this._WDYR = {
+        renderNumber: 0
+      };
 
-      if (renderIsAnArrowFunction) {
-        var origRender = _this.render;
+      var origRender = _get(_getPrototypeOf(WDYRPatchedClassComponent.prototype), "render", _assertThisInitialized(_this)) || _this.render; // this probably means render is an arrow function or this.render.bind(this) was called on the original class
 
+
+      var renderIsABindedFunction = origRender !== ClassComponent.prototype.render;
+
+      if (renderIsABindedFunction) {
         _this.render = function () {
@@ -609,17 +632,27 @@ WDYRPatchedClassComponent.prototype.render.apply(_assertThisInitialized(_this));
       value: function render() {
-        if (this._prevProps) {
-          options.notifier(getUpdateInfo({
-            Component: ClassComponent,
-            displayName: displayName,
-            prevProps: this._prevProps,
-            prevState: this._prevState,
-            nextProps: this.props,
-            nextState: this.state,
-            options: options
-          }));
+        this._WDYR.renderNumber++;
+
+        if (!('isStrictMode' in this._WDYR)) {
+          this._WDYR.isStrictMode = checkIfInsideAStrictModeTree(this);
+        } // in strict mode- ignore every other render
+
+
+        if (!(this._WDYR.isStrictMode && this._WDYR.renderNumber % 2 === 1)) {
+          if (this._WDYR.prevProps) {
+            options.notifier(getUpdateInfo({
+              Component: ClassComponent,
+              displayName: displayName,
+              prevProps: this._WDYR.prevProps,
+              prevState: this._WDYR.prevState,
+              nextProps: this.props,
+              nextState: this.state,
+              options: options
+            }));
+          }
+
+          this._WDYR.prevProps = this.props;
+          this._WDYR.prevState = this.state;
         }
 
-        this._prevProps = this.props;
-        this._prevState = this.state;
-        return _get(_getPrototypeOf(WDYRPatchedClassComponent.prototype), "render", this) && _get(_getPrototypeOf(WDYRPatchedClassComponent.prototype), "render", this).call(this);
+        return _get(_getPrototypeOf(WDYRPatchedClassComponent.prototype), "render", this) ? _get(_getPrototypeOf(WDYRPatchedClassComponent.prototype), "render", this).call(this) : null;
       }
@@ -626,0 +659,0 @@ }]);

dist/esm/whyDidYouRender.min.js

 /**
- * @welldone-software/why-did-you-render 3.0.11
+ * @welldone-software/why-did-you-render 3.1.0
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-06-06
+ * Generated at 2019-06-07
  */
 
-import e from"lodash/mapValues";import t from"lodash/get";import r from"lodash/defaults";import n from"lodash/isString";import o from"lodash/reduce";import a from"lodash/has";import i from"lodash/keys";import f from"lodash/isFunction";import c from"lodash/isRegExp";import s from"lodash/isDate";import u from"lodash/isPlainObject";import p from"lodash/isArray";function l(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){d(e,t,r[t])})}return e}function h(e){return(h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function y(e,t){return(y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e,t,r){return(g="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,r){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=h(e)););return e}(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}})(e,t,r||e)}function b(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var _,E={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},O="http://bit.ly/wdyr02",D="http://bit.ly/wdyr3",k=(d(_={},E.different,"different objects."),d(_,E.deepEquals,"different objects that are equal by value."),d(_,E.date,"different date objects with the same value."),d(_,E.regex,"different regular expressions with the same value."),d(_,E.reactElement,"different React elements with the same displayName."),d(_,E.function,"different functions with the same name."),_),R=!1;function w(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,a=e.diffObjType,i=e.differences,f=e.values,c=e.options;i&&i.length>0?(c.consoleLog(d({},r,t),"".concat(o," of ").concat(a," changes:")),i.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,i=e.nextValue;c.consoleGroup("%c".concat("hook"===a?"[hook ".concat(n," result]"):"".concat(a,"."),"%c").concat(t,"%c"),"color:".concat(c.diffNameColor,";"),"color:".concat(c.diffPathColor,";"),"color:default;"),c.consoleLog("".concat(k[r]," (more info at ").concat(n?D:O,")")),c.consoleLog(d({},"prev ".concat(t),o),"!==",d({},"next ".concat(t),i)),c.consoleGroupEnd()})):i&&(c.consoleLog(d({},r,t),"".concat(o," the ").concat(a," object itself changed but it's values are all equal."),"props"===a?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(O)),c.consoleLog("prev ".concat(a,":"),f.prev," !== ",f.next,":next ".concat(a)))}function x(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,f=e.nextProps,c=e.nextState,s=e.nextHook,u=e.reason,p=e.options;if(function(e,t,r){return!(R||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===E.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===E.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===E.different})))}(u,t,p)){p.consoleGroup("%c".concat(r),"color: ".concat(p.titleColor,";"));var l="Re-rendered because";u.propsDifferences&&(w({Component:t,displayName:r,prefixMessage:l,diffObjType:"props",differences:u.propsDifferences,values:{prev:o,next:f},options:p}),l="And because"),u.stateDifferences&&w({Component:t,displayName:r,prefixMessage:l,diffObjType:"state",differences:u.stateDifferences,values:{prev:a,next:c},options:p}),u.hookDifferences&&w({Component:t,displayName:r,prefixMessage:l,diffObjType:"hook",differences:u.hookDifferences,values:{prev:i,next:s},hookName:n,options:p}),u.propsDifferences||u.stateDifferences||u.hookDifferences||p.consoleLog(d({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(O)),p.consoleGroupEnd()}}var S=function(){};function N(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=console.group,n=console.groupEnd;return t.collapseGroups?r=console.groupCollapsed:t.onlyLogs&&(r=console.log,n=S),m({include:null,exclude:null,notifier:t.notifier||((e=t.hasOwnProperty("hotReloadBufferMs")?t.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(R=!0,setTimeout(function(){R=!1},e))}),x),onlyLogs:!1,consoleLog:console.log,consoleGroup:r,consoleGroupEnd:n,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},t)}function j(e){return e.displayName||e.name||e.type&&j(e.type)||(n(e)?e:void 0)}var P="undefined"!=typeof Element,T="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,C=function(e){return e.$$typeof===T};function H(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==E.different}function L(e,t,r){try{var n=[];return function e(t,r,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return H(t,r,n,o,E.different);if(p(t)&&p(r)){var l=t.length;if(l!==r.length)return H(t,r,n,o,E.different);for(var d=!0,m=l;0!=m--;)e(t[m],r[m],n,"".concat(o,"[").concat(m,"]"))||(d=!1);return H(t,r,n,o,d?E.deepEquals:E.different)}if(s(t)&&s(r))return t.getTime()===r.getTime()?H(t,r,n,o,E.date):H(t,r,n,o,E.different);if(c(t)&&c(r))return t.toString()===r.toString()?H(t,r,n,o,E.regex):H(t,r,n,o,E.different);if(P&&t instanceof Element&&r instanceof Element)return H(t,r,n,o,E.different);if(C(t)&&C(r))return t.type!==r.type?H(t,r,n,o,E.different):H(t,r,n,o,e(t.props,r.props,n,"".concat(o,".props"))?E.reactElement:E.different);if(f(t)&&f(r))return t.name===r.name?H(t,r,n,o,E.function):H(t,r,n,o,E.different);if(u(t)&&u(r)){var h=i(t),y=h.length;if(y!==i(r).length)return H(t,r,n,o,E.different);for(var v=y;0!=v--;)if(!a(r,h[v]))return H(t,r,n,o,E.different);for(var g=!0,b=y;0!=b--;){var _=h[b];e(t[_],r[_],n,"".concat(o,".").concat(_))||(g=!1)}return H(t,r,n,o,g?E.deepEquals:E.different)}return H(t,r,n,o,E.different)}(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var Y={};function A(e,t){var r=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===t)return!1;if(!(void 0===r||r))return L(e,t);var n=e||Y,a=t||Y,i=Object.keys(m({},n,a));return o(i,function(e,t){var r=L(n[t],a[t],t);return r&&(e=[].concat(b(e),b(r))),e},[])}function I(e,t,r,n,o,a){return{propsDifferences:A(e,n),stateDifferences:A(t,o),hookDifferences:A(r,a,{shallow:!1})}}function F(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,f=e.nextProps,c=e.nextState,s=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:i,nextProps:f,nextState:c,nextHook:s,options:e.options,reason:I(o,a,i,f,c,s)}}function V(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var U="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function M(e,t,n,o){var a=function(r){function n(t,r){var o,a,i;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n),a=this,i=h(n).call(this,t,r),(o=!i||"object"!=typeof i&&"function"!=typeof i?v(a):i).render&&!e.prototype.render){var f=o.render;o.render=function(){return n.prototype.render.apply(v(o)),f()}}return o}var a,i,f;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}(n,e),a=n,(i=[{key:"render",value:function(){return this._prevProps&&o.notifier(F({Component:e,displayName:t,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:o})),this._prevProps=this.props,this._prevState=this.state,g(h(n.prototype),"render",this)&&g(h(n.prototype),"render",this).call(this)}}])&&l(a.prototype,i),f&&l(a,f),n}();return a.displayName=t,r(a,e),a}function W(e,t,n,o,a){return t.$$typeof===U?function(e,t,n,o){var a=e.type;function i(r){var i=n.useRef(),f=i.current;if(i.current=r,f){var c=F({Component:e,displayName:t,prevProps:f,nextProps:r,options:o});c.reason.propsDifferences&&c.reason.propsDifferences.length>0&&o.notifier(c)}return a(r)}i.displayName=j(a),i.ComponentForHooksTracking=e,r(i,a);var f=n.memo(i,e.compare);return f.displayName=t,r(f,e),f}(t,n,o,a):t.prototype&&t.prototype.isReactComponent?M(t,n,0,a):function(e,t,n,o){function a(r){var a=n.useRef(),i=a.current;if(a.current=r,i){var f=F({Component:e,displayName:t,prevProps:i,nextProps:r,options:o});f.reason.propsDifferences&&o.notifier(f)}return e(r)}return a.displayName=t,a.ComponentForHooksTracking=e,r(a,e),a}(t,n,o,a)}var q={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function G(r,n){var o,a=N(n),i=r.createElement,f=r.createFactory,c=new WeakMap;if(r.createElement=function(e){for(var t=("function"==typeof e||e.$$typeof===U)&&V(e,j(e),a),n=arguments.length,o=new Array(n>1?n-1:0),f=1;f<n;f++)o[f-1]=arguments[f];if(!t)return i.apply(r,[e].concat(o));var s=e&&e.whyDidYouRender&&e.whyDidYouRender.customName||j(e),u=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=W(0,t,r,n,o);return e.set(t,a),a}(c,e,s,r,a);return i.apply(r,[u].concat(o))},Object.assign(r.createElement,i),r.createFactory=function(e){var t=r.createElement.bind(null,e);return t.type=e,t},Object.assign(r.createFactory,f),a.trackHooks){var s=e(q,function(e,n){return function(){var i=o[n];if(!i)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var f=i.apply(void 0,arguments);return e&&function(e,r,n,o,a){var i=r.path,f=n,c=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current;if(!c)return f;var s=c.type.ComponentForHooksTracking||c.type,u=j(s);if(!V(s,u,a))return f;var p=o.useRef(),l=p.current;if(p.current=f,l){var d=F({Component:s,displayName:u,hookName:e,prevHook:i?t(l,i):l,nextHook:i?t(f,i):f,options:a});d.reason.hookDifferences&&a.notifier(d)}p.current}(n,!0===e?{}:e,f,r,a),f}});Object.defineProperty(r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){o=e&&m({},e,e.origHooks)},get:function(){return o&&m({},o,s,{origHooks:o})}})}return r.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(r,{createElement:i,createFactory:f}),c=null,Object.defineProperty(r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0,value:o}),delete r.__REVERT_WHY_DID_YOU_RENDER__},r}G.defaultNotifier=x;export default G;
+import e from"lodash/mapValues";import t from"lodash/get";import r from"lodash/defaults";import n from"lodash/isString";import o from"lodash/reduce";import i from"lodash/has";import a from"lodash/keys";import f from"lodash/isFunction";import c from"lodash/isRegExp";import s from"lodash/isDate";import u from"lodash/isPlainObject";import p from"lodash/isArray";function l(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){d(e,t,r[t])})}return e}function h(e){return(h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function y(e,t){return(y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e,t,r){return(g="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,r){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=h(e)););return e}(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}})(e,t,r||e)}function b(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var _,D={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},R="http://bit.ly/wdyr02",E="http://bit.ly/wdyr3",O=(d(_={},D.different,"different objects."),d(_,D.deepEquals,"different objects that are equal by value."),d(_,D.date,"different date objects with the same value."),d(_,D.regex,"different regular expressions with the same value."),d(_,D.reactElement,"different React elements with the same displayName."),d(_,D.function,"different functions with the same name."),_),k=!1;function w(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,i=e.diffObjType,a=e.differences,f=e.values,c=e.options;a&&a.length>0?(c.consoleLog(d({},r,t),"".concat(o," of ").concat(i," changes:")),a.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,a=e.nextValue;c.consoleGroup("%c".concat("hook"===i?"[hook ".concat(n," result]"):"".concat(i,"."),"%c").concat(t,"%c"),"color:".concat(c.diffNameColor,";"),"color:".concat(c.diffPathColor,";"),"color:default;"),c.consoleLog("".concat(O[r]," (more info at ").concat(n?E:R,")")),c.consoleLog(d({},"prev ".concat(t),o),"!==",d({},"next ".concat(t),a)),c.consoleGroupEnd()})):a&&(c.consoleLog(d({},r,t),"".concat(o," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(R)),c.consoleLog("prev ".concat(i,":"),f.prev," !== ",f.next,":next ".concat(i)))}function S(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,c=e.nextState,s=e.nextHook,u=e.reason,p=e.options;if(function(e,t,r){return!(k||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===D.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===D.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===D.different})))}(u,t,p)){p.consoleGroup("%c".concat(r),"color: ".concat(p.titleColor,";"));var l="Re-rendered because";u.propsDifferences&&(w({Component:t,displayName:r,prefixMessage:l,diffObjType:"props",differences:u.propsDifferences,values:{prev:o,next:f},options:p}),l="And because"),u.stateDifferences&&w({Component:t,displayName:r,prefixMessage:l,diffObjType:"state",differences:u.stateDifferences,values:{prev:i,next:c},options:p}),u.hookDifferences&&w({Component:t,displayName:r,prefixMessage:l,diffObjType:"hook",differences:u.hookDifferences,values:{prev:a,next:s},hookName:n,options:p}),u.propsDifferences||u.stateDifferences||u.hookDifferences||p.consoleLog(d({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(R)),p.consoleGroupEnd()}}var N=function(){};function x(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=console.group,n=console.groupEnd;return t.collapseGroups?r=console.groupCollapsed:t.onlyLogs&&(r=console.log,n=N),m({include:null,exclude:null,notifier:t.notifier||((e=t.hasOwnProperty("hotReloadBufferMs")?t.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(k=!0,setTimeout(function(){k=!1},e))}),S),onlyLogs:!1,consoleLog:console.log,consoleGroup:r,consoleGroupEnd:n,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},t)}function j(e){return e.displayName||e.name||e.type&&j(e.type)||(n(e)?e:void 0)}var P="undefined"!=typeof Element,T="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,C=function(e){return e.$$typeof===T};function Y(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==D.different}function H(e,t,r){try{var n=[];return function e(t,r,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return Y(t,r,n,o,D.different);if(p(t)&&p(r)){var l=t.length;if(l!==r.length)return Y(t,r,n,o,D.different);for(var d=!0,m=l;0!=m--;)e(t[m],r[m],n,"".concat(o,"[").concat(m,"]"))||(d=!1);return Y(t,r,n,o,d?D.deepEquals:D.different)}if(s(t)&&s(r))return t.getTime()===r.getTime()?Y(t,r,n,o,D.date):Y(t,r,n,o,D.different);if(c(t)&&c(r))return t.toString()===r.toString()?Y(t,r,n,o,D.regex):Y(t,r,n,o,D.different);if(P&&t instanceof Element&&r instanceof Element)return Y(t,r,n,o,D.different);if(C(t)&&C(r))return t.type!==r.type?Y(t,r,n,o,D.different):Y(t,r,n,o,e(t.props,r.props,n,"".concat(o,".props"))?D.reactElement:D.different);if(f(t)&&f(r))return t.name===r.name?Y(t,r,n,o,D.function):Y(t,r,n,o,D.different);if(u(t)&&u(r)){var h=a(t),y=h.length;if(y!==a(r).length)return Y(t,r,n,o,D.different);for(var v=y;0!=v--;)if(!i(r,h[v]))return Y(t,r,n,o,D.different);for(var g=!0,b=y;0!=b--;){var _=h[b];e(t[_],r[_],n,"".concat(o,".").concat(_))||(g=!1)}return Y(t,r,n,o,g?D.deepEquals:D.different)}return Y(t,r,n,o,D.different)}(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var W={};function L(e,t){var r=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===t)return!1;if(!(void 0===r||r))return H(e,t);var n=e||W,i=t||W,a=Object.keys(m({},n,i));return o(a,function(e,t){var r=H(n[t],i[t],t);return r&&(e=[].concat(b(e),b(r))),e},[])}function I(e,t,r,n,o,i){return{propsDifferences:L(e,n),stateDifferences:L(t,o),hookDifferences:L(r,i,{shallow:!1})}}function A(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,c=e.nextState,s=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:i,prevHook:a,nextProps:f,nextState:c,nextHook:s,options:e.options,reason:I(o,i,a,f,c,s)}}function F(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var M=2;var V="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function U(e,t,n,o){var i=function(r){function n(t,r){var o,i,a;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n),i=this,a=h(n).call(this,t,r),(o=!a||"object"!=typeof a&&"function"!=typeof a?v(i):a)._WDYR={renderNumber:0};var f=g(h(n.prototype),"render",v(o))||o.render;return f!==e.prototype.render&&(o.render=function(){return n.prototype.render.apply(v(o)),f()}),o}var i,a,f;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}(n,e),i=n,(a=[{key:"render",value:function(){return this._WDYR.renderNumber++,"isStrictMode"in this._WDYR||(this._WDYR.isStrictMode=function(e){for(var t=e._reactInternalFiber;null!==t;){if(t.mode&M)return!0;t=t.return}return!1}(this)),this._WDYR.isStrictMode&&this._WDYR.renderNumber%2==1||(this._WDYR.prevProps&&o.notifier(A({Component:e,displayName:t,prevProps:this._WDYR.prevProps,prevState:this._WDYR.prevState,nextProps:this.props,nextState:this.state,options:o})),this._WDYR.prevProps=this.props,this._WDYR.prevState=this.state),g(h(n.prototype),"render",this)?g(h(n.prototype),"render",this).call(this):null}}])&&l(i.prototype,a),f&&l(i,f),n}();return i.displayName=t,r(i,e),i}function q(e,t,n,o,i){return t.$$typeof===V?function(e,t,n,o){var i=e.type;function a(r){var a=n.useRef(),f=a.current;if(a.current=r,f){var c=A({Component:e,displayName:t,prevProps:f,nextProps:r,options:o});c.reason.propsDifferences&&c.reason.propsDifferences.length>0&&o.notifier(c)}return i(r)}a.displayName=j(i),a.ComponentForHooksTracking=e,r(a,i);var f=n.memo(a,e.compare);return f.displayName=t,r(f,e),f}(t,n,o,i):t.prototype&&t.prototype.isReactComponent?U(t,n,0,i):function(e,t,n,o){function i(r){var i=n.useRef(),a=i.current;if(i.current=r,a){var f=A({Component:e,displayName:t,prevProps:a,nextProps:r,options:o});f.reason.propsDifferences&&o.notifier(f)}return e(r)}return i.displayName=t,i.ComponentForHooksTracking=e,r(i,e),i}(t,n,o,i)}var G={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function $(r,n){var o,i=x(n),a=r.createElement,f=r.createFactory,c=new WeakMap;if(r.createElement=function(e){for(var t=("function"==typeof e||e.$$typeof===V)&&F(e,j(e),i),n=arguments.length,o=new Array(n>1?n-1:0),f=1;f<n;f++)o[f-1]=arguments[f];if(!t)return a.apply(r,[e].concat(o));var s=e&&e.whyDidYouRender&&e.whyDidYouRender.customName||j(e),u=function(e,t,r,n,o){if(e.has(t))return e.get(t);var i=q(0,t,r,n,o);return e.set(t,i),i}(c,e,s,r,i);return a.apply(r,[u].concat(o))},Object.assign(r.createElement,a),r.createFactory=function(e){var t=r.createElement.bind(null,e);return t.type=e,t},Object.assign(r.createFactory,f),i.trackHooks){var s=e(G,function(e,n){return function(){var a=o[n];if(!a)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var f=a.apply(void 0,arguments);return e&&function(e,r,n,o,i){var a=r.path,f=n,c=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current;if(!c)return f;var s=c.type.ComponentForHooksTracking||c.type,u=j(s);if(!F(s,u,i))return f;var p=o.useRef(),l=p.current;if(p.current=f,l){var d=A({Component:s,displayName:u,hookName:e,prevHook:a?t(l,a):l,nextHook:a?t(f,a):f,options:i});d.reason.hookDifferences&&i.notifier(d)}p.current}(n,!0===e?{}:e,f,r,i),f}});Object.defineProperty(r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){o=e&&m({},e,e.origHooks)},get:function(){return o&&m({},o,s,{origHooks:o})}})}return r.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(r,{createElement:a,createFactory:f}),c=null,Object.defineProperty(r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0,value:o}),delete r.__REVERT_WHY_DID_YOU_RENDER__},r}$.defaultNotifier=S;export default $;
 //# sourceMappingURL=whyDidYouRender.min.js.map

dist/no-classes-transpile/cjs/whyDidYouRender.js

 /**
- * @welldone-software/why-did-you-render 3.0.11
+ * @welldone-software/why-did-you-render 3.1.0
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-06-06
+ * Generated at 2019-06-07
  */
@@ -480,2 +480,20 @@
 
+// copied from https://github.com/facebook/react/blob/master/packages/react-reconciler/src/ReactTypeOfMode.js
+var StrictMode = 2; // based on "findStrictRoot" from https://github.com/facebook/react/blob/master/packages/react-reconciler/src/ReactStrictModeWarnings.js
+// notice: this is only used for class components. functional components doesn't re-rendered inside strict mode
+
+function checkIfInsideAStrictModeTree(reactComponentInstance) {
+  var reactInternalFiber = reactComponentInstance._reactInternalFiber;
+
+  while (reactInternalFiber !== null) {
+    if (reactInternalFiber.mode & StrictMode) {
+      return true;
+    }
+
+    reactInternalFiber = reactInternalFiber["return"];
+  }
+
+  return false;
+}
+
 var hasSymbol$1 = typeof Symbol === 'function' && Symbol["for"];
@@ -491,7 +509,10 @@ var REACT_MEMO_TYPE = hasSymbol$1 ? Symbol["for"]('react.memo') : 0xead3;
       _this = this;
-      var renderIsAnArrowFunction = this.render && !ClassComponent.prototype.render;
+      this._WDYR = {
+        renderNumber: 0
+      };
+      var origRender = super.render || this.render; // this probably means render is an arrow function or this.render.bind(this) was called on the original class
 
-      if (renderIsAnArrowFunction) {
-        var origRender = this.render;
+      var renderIsABindedFunction = origRender !== ClassComponent.prototype.render;
 
+      if (renderIsABindedFunction) {
         this.render = function () {
@@ -505,17 +526,27 @@ WDYRPatchedClassComponent.prototype.render.apply(_this);
     render() {
-      if (this._prevProps) {
-        options.notifier(getUpdateInfo({
-          Component: ClassComponent,
-          displayName: displayName,
-          prevProps: this._prevProps,
-          prevState: this._prevState,
-          nextProps: this.props,
-          nextState: this.state,
-          options: options
-        }));
+      this._WDYR.renderNumber++;
+
+      if (!('isStrictMode' in this._WDYR)) {
+        this._WDYR.isStrictMode = checkIfInsideAStrictModeTree(this);
+      } // in strict mode- ignore every other render
+
+
+      if (!(this._WDYR.isStrictMode && this._WDYR.renderNumber % 2 === 1)) {
+        if (this._WDYR.prevProps) {
+          options.notifier(getUpdateInfo({
+            Component: ClassComponent,
+            displayName: displayName,
+            prevProps: this._WDYR.prevProps,
+            prevState: this._WDYR.prevState,
+            nextProps: this.props,
+            nextState: this.state,
+            options: options
+          }));
+        }
+
+        this._WDYR.prevProps = this.props;
+        this._WDYR.prevState = this.state;
       }
 
-      this._prevProps = this.props;
-      this._prevState = this.state;
-      return super.render && super.render();
+      return super.render ? super.render() : null;
     }
@@ -522,0 +553,0 @@

dist/no-classes-transpile/cjs/whyDidYouRender.min.js

 /**
- * @welldone-software/why-did-you-render 3.0.11
+ * @welldone-software/why-did-you-render 3.1.0
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-06-06
+ * Generated at 2019-06-07
  */
 
-"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var _mapValues=_interopDefault(require("lodash/mapValues")),_get=_interopDefault(require("lodash/get")),_defaults=_interopDefault(require("lodash/defaults")),_isString=_interopDefault(require("lodash/isString")),_reduce=_interopDefault(require("lodash/reduce")),_has=_interopDefault(require("lodash/has")),_keys=_interopDefault(require("lodash/keys")),_isFunction=_interopDefault(require("lodash/isFunction")),_isRegExp=_interopDefault(require("lodash/isRegExp")),_isDate=_interopDefault(require("lodash/isDate")),_isPlainObject=_interopDefault(require("lodash/isPlainObject")),_isArray=_interopDefault(require("lodash/isArray"));function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){_defineProperty(e,t,r[t])})}return e}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}var _diffTypesDescription,diffTypes={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},moreInfoUrl="http://bit.ly/wdyr02",moreInfoHooksUrl="http://bit.ly/wdyr3",diffTypesDescriptions=(_defineProperty(_diffTypesDescription={},diffTypes.different,"different objects."),_defineProperty(_diffTypesDescription,diffTypes.deepEquals,"different objects that are equal by value."),_defineProperty(_diffTypesDescription,diffTypes.date,"different date objects with the same value."),_defineProperty(_diffTypesDescription,diffTypes.regex,"different regular expressions with the same value."),_defineProperty(_diffTypesDescription,diffTypes.reactElement,"different React elements with the same displayName."),_defineProperty(_diffTypesDescription,diffTypes.function,"different functions with the same name."),_diffTypesDescription),inHotReload=!1;function shouldLog(e,t,r){return!inHotReload&&(!!r.logOnDifferentValues||(!(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)||!(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===diffTypes.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===diffTypes.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===diffTypes.different}))))}function logDifference(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,i=e.diffObjType,a=e.differences,f=e.values,s=e.options;a&&a.length>0?(s.consoleLog(_defineProperty({},r,t),"".concat(o," of ").concat(i," changes:")),a.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,a=e.nextValue;s.consoleGroup("%c".concat("hook"===i?"[hook ".concat(n," result]"):"".concat(i,"."),"%c").concat(t,"%c"),"color:".concat(s.diffNameColor,";"),"color:".concat(s.diffPathColor,";"),"color:default;"),s.consoleLog("".concat(diffTypesDescriptions[r]," (more info at ").concat(n?moreInfoHooksUrl:moreInfoUrl,")")),s.consoleLog(_defineProperty({},"prev ".concat(t),o),"!==",_defineProperty({},"next ".concat(t),a)),s.consoleGroupEnd()})):a&&(s.consoleLog(_defineProperty({},r,t),"".concat(o," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(moreInfoUrl)),s.consoleLog("prev ".concat(i,":"),f.prev," !== ",f.next,":next ".concat(i)))}function defaultNotifier(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook,p=e.reason,u=e.options;if(shouldLog(p,t,u)){u.consoleGroup("%c".concat(r),"color: ".concat(u.titleColor,";"));var l="Re-rendered because";p.propsDifferences&&(logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"props",differences:p.propsDifferences,values:{prev:o,next:f},options:u}),l="And because"),p.stateDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"state",differences:p.stateDifferences,values:{prev:i,next:s},options:u}),p.hookDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"hook",differences:p.hookDifferences,values:{prev:a,next:c},hookName:n,options:u}),p.propsDifferences||p.stateDifferences||p.hookDifferences||u.consoleLog(_defineProperty({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(moreInfoUrl)),u.consoleGroupEnd()}}function createDefaultNotifier(e){return e&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(inHotReload=!0,setTimeout(function(){inHotReload=!1},e))}),defaultNotifier}var emptyFn=function(){};function normalizeOptions(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=console.group,r=console.groupEnd;return e.collapseGroups?t=console.groupCollapsed:e.onlyLogs&&(t=console.log,r=emptyFn),_objectSpread({include:null,exclude:null,notifier:e.notifier||createDefaultNotifier(e.hasOwnProperty("hotReloadBufferMs")?e.hotReloadBufferMs:500),onlyLogs:!1,consoleLog:console.log,consoleGroup:t,consoleGroupEnd:r,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},e)}function getDisplayName(e){return e.displayName||e.name||e.type&&getDisplayName(e.type)||(_isString(e)?e:void 0)}var hasElementType="undefined"!=typeof Element,hasSymbol="function"==typeof Symbol&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,isReactElement=function(e){return e.$$typeof===REACT_ELEMENT_TYPE};function trackDiff(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==diffTypes.different}function accumulateDeepEqualDiffs(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(e===t)return!0;if(!e||!t)return trackDiff(e,t,r,n,diffTypes.different);if(_isArray(e)&&_isArray(t)){var o=e.length;if(o!==t.length)return trackDiff(e,t,r,n,diffTypes.different);for(var i=!0,a=o;0!=a--;)accumulateDeepEqualDiffs(e[a],t[a],r,"".concat(n,"[").concat(a,"]"))||(i=!1);return trackDiff(e,t,r,n,i?diffTypes.deepEquals:diffTypes.different)}if(_isDate(e)&&_isDate(t))return e.getTime()===t.getTime()?trackDiff(e,t,r,n,diffTypes.date):trackDiff(e,t,r,n,diffTypes.different);if(_isRegExp(e)&&_isRegExp(t))return e.toString()===t.toString()?trackDiff(e,t,r,n,diffTypes.regex):trackDiff(e,t,r,n,diffTypes.different);if(hasElementType&&e instanceof Element&&t instanceof Element)return trackDiff(e,t,r,n,diffTypes.different);if(isReactElement(e)&&isReactElement(t))return e.type!==t.type?trackDiff(e,t,r,n,diffTypes.different):trackDiff(e,t,r,n,accumulateDeepEqualDiffs(e.props,t.props,r,"".concat(n,".props"))?diffTypes.reactElement:diffTypes.different);if(_isFunction(e)&&_isFunction(t))return e.name===t.name?trackDiff(e,t,r,n,diffTypes.function):trackDiff(e,t,r,n,diffTypes.different);if(_isPlainObject(e)&&_isPlainObject(t)){var f=_keys(e),s=f.length;if(s!==_keys(t).length)return trackDiff(e,t,r,n,diffTypes.different);for(var c=s;0!=c--;)if(!_has(t,f[c]))return trackDiff(e,t,r,n,diffTypes.different);for(var p=!0,u=s;0!=u--;){var l=f[u];accumulateDeepEqualDiffs(e[l],t[l],r,"".concat(n,".").concat(l))||(p=!1)}return trackDiff(e,t,r,n,p?diffTypes.deepEquals:diffTypes.different)}return trackDiff(e,t,r,n,diffTypes.different)}function calculateDeepEqualDiffs(e,t,r){try{var n=[];return accumulateDeepEqualDiffs(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var emptyObject={};function findObjectsDifferences(e,t){var r=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===t)return!1;if(!(void 0===r||r))return calculateDeepEqualDiffs(e,t);var n=e||emptyObject,o=t||emptyObject,i=Object.keys(_objectSpread({},n,o));return _reduce(i,function(e,t){var r=calculateDeepEqualDiffs(n[t],o[t],t);return r&&(e=[].concat(_toConsumableArray(e),_toConsumableArray(r))),e},[])}function getUpdateReason(e,t,r,n,o,i){return{propsDifferences:findObjectsDifferences(e,n),stateDifferences:findObjectsDifferences(t,o),hookDifferences:findObjectsDifferences(r,i,{shallow:!1})}}function getUpdateInfo(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:i,prevHook:a,nextProps:f,nextState:s,nextHook:c,options:e.options,reason:getUpdateReason(o,i,a,f,s,c)}}function shouldInclude(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}function shouldExclude(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}function shouldTrack(e,t,r){return!shouldExclude(t,r)&&!(!e.whyDidYouRender&&!shouldInclude(t,r))}var hasSymbol$1="function"==typeof Symbol&&Symbol.for,REACT_MEMO_TYPE=hasSymbol$1?Symbol.for("react.memo"):60115;function patchClassComponent(e,t,r,n){class o extends e{constructor(t,r){var n;if(super(t,r),n=this,this.render&&!e.prototype.render){var i=this.render;this.render=function(){return o.prototype.render.apply(n),i()}}}render(){return this._prevProps&&n.notifier(getUpdateInfo({Component:e,displayName:t,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:n})),this._prevProps=this.props,this._prevState=this.state,super.render&&super.render()}}return o.displayName=t,_defaults(o,e),o}function patchFunctionalComponent(e,t,r,n){function o(o){var i=r.useRef(),a=i.current;if(i.current=o,a){var f=getUpdateInfo({Component:e,displayName:t,prevProps:a,nextProps:o,options:n});f.reason.propsDifferences&&n.notifier(f)}return e(o)}return o.displayName=t,o.ComponentForHooksTracking=e,_defaults(o,e),o}function patchMemoComponent(e,t,r,n){var o=e.type;function i(i){var a=r.useRef(),f=a.current;if(a.current=i,f){var s=getUpdateInfo({Component:e,displayName:t,prevProps:f,nextProps:i,options:n});s.reason.propsDifferences&&s.reason.propsDifferences.length>0&&n.notifier(s)}return o(i)}i.displayName=getDisplayName(o),i.ComponentForHooksTracking=e,_defaults(i,o);var a=r.memo(i,e.compare);return a.displayName=t,_defaults(a,e),a}function trackHookChanges(e,t,r,n,o){var i=t.path,a=r,f=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current;if(!f)return a;var s=f.type.ComponentForHooksTracking||f.type,c=getDisplayName(s);if(!shouldTrack(s,c,o))return a;var p=n.useRef(),u=p.current;if(p.current=a,u){var l=getUpdateInfo({Component:s,displayName:c,hookName:e,prevHook:i?_get(u,i):u,nextHook:i?_get(a,i):a,options:o});l.reason.hookDifferences&&o.notifier(l)}return p.current}function createPatchedComponent(e,t,r,n,o){return t.$$typeof===REACT_MEMO_TYPE?patchMemoComponent(t,r,n,o):t.prototype&&t.prototype.isReactComponent?patchClassComponent(t,r,n,o):patchFunctionalComponent(t,r,n,o)}function getPatchedComponent(e,t,r,n,o){if(e.has(t))return e.get(t);var i=createPatchedComponent(e,t,r,n,o);return e.set(t,i),i}var hooksConfig={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function whyDidYouRender(e,t){var r,n=normalizeOptions(t),o=e.createElement,i=e.createFactory,a=new WeakMap;if(e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===REACT_MEMO_TYPE)&&shouldTrack(t,getDisplayName(t),n),i=arguments.length,f=new Array(i>1?i-1:0),s=1;s<i;s++)f[s-1]=arguments[s];if(!r)return o.apply(e,[t].concat(f));var c=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||getDisplayName(t),p=getPatchedComponent(a,t,c,e,n);return o.apply(e,[p].concat(f))},Object.assign(e.createElement,o),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),n.trackHooks){var f=_mapValues(hooksConfig,function(t,o){return function(){var i=r[o];if(!i)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var a=i.apply(void 0,arguments);return t&&trackHookChanges(o,!0===t?{}:t,a,e,n),a}});Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){r=e&&_objectSpread({},e,e.origHooks)},get:function(){return r&&_objectSpread({},r,f,{origHooks:r})}})}return e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:o,createFactory:i}),a=null,Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0,value:r}),delete e.__REVERT_WHY_DID_YOU_RENDER__},e}whyDidYouRender.defaultNotifier=defaultNotifier,module.exports=whyDidYouRender;
+"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var _mapValues=_interopDefault(require("lodash/mapValues")),_get=_interopDefault(require("lodash/get")),_defaults=_interopDefault(require("lodash/defaults")),_isString=_interopDefault(require("lodash/isString")),_reduce=_interopDefault(require("lodash/reduce")),_has=_interopDefault(require("lodash/has")),_keys=_interopDefault(require("lodash/keys")),_isFunction=_interopDefault(require("lodash/isFunction")),_isRegExp=_interopDefault(require("lodash/isRegExp")),_isDate=_interopDefault(require("lodash/isDate")),_isPlainObject=_interopDefault(require("lodash/isPlainObject")),_isArray=_interopDefault(require("lodash/isArray"));function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){_defineProperty(e,t,r[t])})}return e}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}var _diffTypesDescription,diffTypes={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},moreInfoUrl="http://bit.ly/wdyr02",moreInfoHooksUrl="http://bit.ly/wdyr3",diffTypesDescriptions=(_defineProperty(_diffTypesDescription={},diffTypes.different,"different objects."),_defineProperty(_diffTypesDescription,diffTypes.deepEquals,"different objects that are equal by value."),_defineProperty(_diffTypesDescription,diffTypes.date,"different date objects with the same value."),_defineProperty(_diffTypesDescription,diffTypes.regex,"different regular expressions with the same value."),_defineProperty(_diffTypesDescription,diffTypes.reactElement,"different React elements with the same displayName."),_defineProperty(_diffTypesDescription,diffTypes.function,"different functions with the same name."),_diffTypesDescription),inHotReload=!1;function shouldLog(e,t,r){return!inHotReload&&(!!r.logOnDifferentValues||(!(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)||!(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===diffTypes.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===diffTypes.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===diffTypes.different}))))}function logDifference(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,i=e.diffObjType,a=e.differences,f=e.values,s=e.options;a&&a.length>0?(s.consoleLog(_defineProperty({},r,t),"".concat(o," of ").concat(i," changes:")),a.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,a=e.nextValue;s.consoleGroup("%c".concat("hook"===i?"[hook ".concat(n," result]"):"".concat(i,"."),"%c").concat(t,"%c"),"color:".concat(s.diffNameColor,";"),"color:".concat(s.diffPathColor,";"),"color:default;"),s.consoleLog("".concat(diffTypesDescriptions[r]," (more info at ").concat(n?moreInfoHooksUrl:moreInfoUrl,")")),s.consoleLog(_defineProperty({},"prev ".concat(t),o),"!==",_defineProperty({},"next ".concat(t),a)),s.consoleGroupEnd()})):a&&(s.consoleLog(_defineProperty({},r,t),"".concat(o," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(moreInfoUrl)),s.consoleLog("prev ".concat(i,":"),f.prev," !== ",f.next,":next ".concat(i)))}function defaultNotifier(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook,p=e.reason,u=e.options;if(shouldLog(p,t,u)){u.consoleGroup("%c".concat(r),"color: ".concat(u.titleColor,";"));var l="Re-rendered because";p.propsDifferences&&(logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"props",differences:p.propsDifferences,values:{prev:o,next:f},options:u}),l="And because"),p.stateDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"state",differences:p.stateDifferences,values:{prev:i,next:s},options:u}),p.hookDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"hook",differences:p.hookDifferences,values:{prev:a,next:c},hookName:n,options:u}),p.propsDifferences||p.stateDifferences||p.hookDifferences||u.consoleLog(_defineProperty({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(moreInfoUrl)),u.consoleGroupEnd()}}function createDefaultNotifier(e){return e&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(inHotReload=!0,setTimeout(function(){inHotReload=!1},e))}),defaultNotifier}var emptyFn=function(){};function normalizeOptions(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=console.group,r=console.groupEnd;return e.collapseGroups?t=console.groupCollapsed:e.onlyLogs&&(t=console.log,r=emptyFn),_objectSpread({include:null,exclude:null,notifier:e.notifier||createDefaultNotifier(e.hasOwnProperty("hotReloadBufferMs")?e.hotReloadBufferMs:500),onlyLogs:!1,consoleLog:console.log,consoleGroup:t,consoleGroupEnd:r,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},e)}function getDisplayName(e){return e.displayName||e.name||e.type&&getDisplayName(e.type)||(_isString(e)?e:void 0)}var hasElementType="undefined"!=typeof Element,hasSymbol="function"==typeof Symbol&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,isReactElement=function(e){return e.$$typeof===REACT_ELEMENT_TYPE};function trackDiff(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==diffTypes.different}function accumulateDeepEqualDiffs(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(e===t)return!0;if(!e||!t)return trackDiff(e,t,r,n,diffTypes.different);if(_isArray(e)&&_isArray(t)){var o=e.length;if(o!==t.length)return trackDiff(e,t,r,n,diffTypes.different);for(var i=!0,a=o;0!=a--;)accumulateDeepEqualDiffs(e[a],t[a],r,"".concat(n,"[").concat(a,"]"))||(i=!1);return trackDiff(e,t,r,n,i?diffTypes.deepEquals:diffTypes.different)}if(_isDate(e)&&_isDate(t))return e.getTime()===t.getTime()?trackDiff(e,t,r,n,diffTypes.date):trackDiff(e,t,r,n,diffTypes.different);if(_isRegExp(e)&&_isRegExp(t))return e.toString()===t.toString()?trackDiff(e,t,r,n,diffTypes.regex):trackDiff(e,t,r,n,diffTypes.different);if(hasElementType&&e instanceof Element&&t instanceof Element)return trackDiff(e,t,r,n,diffTypes.different);if(isReactElement(e)&&isReactElement(t))return e.type!==t.type?trackDiff(e,t,r,n,diffTypes.different):trackDiff(e,t,r,n,accumulateDeepEqualDiffs(e.props,t.props,r,"".concat(n,".props"))?diffTypes.reactElement:diffTypes.different);if(_isFunction(e)&&_isFunction(t))return e.name===t.name?trackDiff(e,t,r,n,diffTypes.function):trackDiff(e,t,r,n,diffTypes.different);if(_isPlainObject(e)&&_isPlainObject(t)){var f=_keys(e),s=f.length;if(s!==_keys(t).length)return trackDiff(e,t,r,n,diffTypes.different);for(var c=s;0!=c--;)if(!_has(t,f[c]))return trackDiff(e,t,r,n,diffTypes.different);for(var p=!0,u=s;0!=u--;){var l=f[u];accumulateDeepEqualDiffs(e[l],t[l],r,"".concat(n,".").concat(l))||(p=!1)}return trackDiff(e,t,r,n,p?diffTypes.deepEquals:diffTypes.different)}return trackDiff(e,t,r,n,diffTypes.different)}function calculateDeepEqualDiffs(e,t,r){try{var n=[];return accumulateDeepEqualDiffs(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var emptyObject={};function findObjectsDifferences(e,t){var r=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===t)return!1;if(!(void 0===r||r))return calculateDeepEqualDiffs(e,t);var n=e||emptyObject,o=t||emptyObject,i=Object.keys(_objectSpread({},n,o));return _reduce(i,function(e,t){var r=calculateDeepEqualDiffs(n[t],o[t],t);return r&&(e=[].concat(_toConsumableArray(e),_toConsumableArray(r))),e},[])}function getUpdateReason(e,t,r,n,o,i){return{propsDifferences:findObjectsDifferences(e,n),stateDifferences:findObjectsDifferences(t,o),hookDifferences:findObjectsDifferences(r,i,{shallow:!1})}}function getUpdateInfo(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:i,prevHook:a,nextProps:f,nextState:s,nextHook:c,options:e.options,reason:getUpdateReason(o,i,a,f,s,c)}}function shouldInclude(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}function shouldExclude(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}function shouldTrack(e,t,r){return!shouldExclude(t,r)&&!(!e.whyDidYouRender&&!shouldInclude(t,r))}var StrictMode=2;function checkIfInsideAStrictModeTree(e){for(var t=e._reactInternalFiber;null!==t;){if(t.mode&StrictMode)return!0;t=t.return}return!1}var hasSymbol$1="function"==typeof Symbol&&Symbol.for,REACT_MEMO_TYPE=hasSymbol$1?Symbol.for("react.memo"):60115;function patchClassComponent(e,t,r,n){class o extends e{constructor(t,r){var n;super(t,r),n=this,this._WDYR={renderNumber:0};var i=super.render||this.render;i!==e.prototype.render&&(this.render=function(){return o.prototype.render.apply(n),i()})}render(){return this._WDYR.renderNumber++,"isStrictMode"in this._WDYR||(this._WDYR.isStrictMode=checkIfInsideAStrictModeTree(this)),this._WDYR.isStrictMode&&this._WDYR.renderNumber%2==1||(this._WDYR.prevProps&&n.notifier(getUpdateInfo({Component:e,displayName:t,prevProps:this._WDYR.prevProps,prevState:this._WDYR.prevState,nextProps:this.props,nextState:this.state,options:n})),this._WDYR.prevProps=this.props,this._WDYR.prevState=this.state),super.render?super.render():null}}return o.displayName=t,_defaults(o,e),o}function patchFunctionalComponent(e,t,r,n){function o(o){var i=r.useRef(),a=i.current;if(i.current=o,a){var f=getUpdateInfo({Component:e,displayName:t,prevProps:a,nextProps:o,options:n});f.reason.propsDifferences&&n.notifier(f)}return e(o)}return o.displayName=t,o.ComponentForHooksTracking=e,_defaults(o,e),o}function patchMemoComponent(e,t,r,n){var o=e.type;function i(i){var a=r.useRef(),f=a.current;if(a.current=i,f){var s=getUpdateInfo({Component:e,displayName:t,prevProps:f,nextProps:i,options:n});s.reason.propsDifferences&&s.reason.propsDifferences.length>0&&n.notifier(s)}return o(i)}i.displayName=getDisplayName(o),i.ComponentForHooksTracking=e,_defaults(i,o);var a=r.memo(i,e.compare);return a.displayName=t,_defaults(a,e),a}function trackHookChanges(e,t,r,n,o){var i=t.path,a=r,f=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current;if(!f)return a;var s=f.type.ComponentForHooksTracking||f.type,c=getDisplayName(s);if(!shouldTrack(s,c,o))return a;var p=n.useRef(),u=p.current;if(p.current=a,u){var l=getUpdateInfo({Component:s,displayName:c,hookName:e,prevHook:i?_get(u,i):u,nextHook:i?_get(a,i):a,options:o});l.reason.hookDifferences&&o.notifier(l)}return p.current}function createPatchedComponent(e,t,r,n,o){return t.$$typeof===REACT_MEMO_TYPE?patchMemoComponent(t,r,n,o):t.prototype&&t.prototype.isReactComponent?patchClassComponent(t,r,n,o):patchFunctionalComponent(t,r,n,o)}function getPatchedComponent(e,t,r,n,o){if(e.has(t))return e.get(t);var i=createPatchedComponent(e,t,r,n,o);return e.set(t,i),i}var hooksConfig={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function whyDidYouRender(e,t){var r,n=normalizeOptions(t),o=e.createElement,i=e.createFactory,a=new WeakMap;if(e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===REACT_MEMO_TYPE)&&shouldTrack(t,getDisplayName(t),n),i=arguments.length,f=new Array(i>1?i-1:0),s=1;s<i;s++)f[s-1]=arguments[s];if(!r)return o.apply(e,[t].concat(f));var c=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||getDisplayName(t),p=getPatchedComponent(a,t,c,e,n);return o.apply(e,[p].concat(f))},Object.assign(e.createElement,o),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),n.trackHooks){var f=_mapValues(hooksConfig,function(t,o){return function(){var i=r[o];if(!i)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var a=i.apply(void 0,arguments);return t&&trackHookChanges(o,!0===t?{}:t,a,e,n),a}});Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){r=e&&_objectSpread({},e,e.origHooks)},get:function(){return r&&_objectSpread({},r,f,{origHooks:r})}})}return e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:o,createFactory:i}),a=null,Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0,value:r}),delete e.__REVERT_WHY_DID_YOU_RENDER__},e}whyDidYouRender.defaultNotifier=defaultNotifier,module.exports=whyDidYouRender;
 //# sourceMappingURL=whyDidYouRender.min.js.map

dist/no-classes-transpile/esm/whyDidYouRender.js

 /**
- * @welldone-software/why-did-you-render 3.0.11
+ * @welldone-software/why-did-you-render 3.1.0
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-06-06
+ * Generated at 2019-06-07
  */
@@ -476,2 +476,20 @@
 
+// copied from https://github.com/facebook/react/blob/master/packages/react-reconciler/src/ReactTypeOfMode.js
+var StrictMode = 2; // based on "findStrictRoot" from https://github.com/facebook/react/blob/master/packages/react-reconciler/src/ReactStrictModeWarnings.js
+// notice: this is only used for class components. functional components doesn't re-rendered inside strict mode
+
+function checkIfInsideAStrictModeTree(reactComponentInstance) {
+  var reactInternalFiber = reactComponentInstance._reactInternalFiber;
+
+  while (reactInternalFiber !== null) {
+    if (reactInternalFiber.mode & StrictMode) {
+      return true;
+    }
+
+    reactInternalFiber = reactInternalFiber["return"];
+  }
+
+  return false;
+}
+
 var hasSymbol$1 = typeof Symbol === 'function' && Symbol["for"];
@@ -487,7 +505,10 @@ var REACT_MEMO_TYPE = hasSymbol$1 ? Symbol["for"]('react.memo') : 0xead3;
       _this = this;
-      var renderIsAnArrowFunction = this.render && !ClassComponent.prototype.render;
+      this._WDYR = {
+        renderNumber: 0
+      };
+      var origRender = super.render || this.render; // this probably means render is an arrow function or this.render.bind(this) was called on the original class
 
-      if (renderIsAnArrowFunction) {
-        var origRender = this.render;
+      var renderIsABindedFunction = origRender !== ClassComponent.prototype.render;
 
+      if (renderIsABindedFunction) {
         this.render = function () {
@@ -501,17 +522,27 @@ WDYRPatchedClassComponent.prototype.render.apply(_this);
     render() {
-      if (this._prevProps) {
-        options.notifier(getUpdateInfo({
-          Component: ClassComponent,
-          displayName: displayName,
-          prevProps: this._prevProps,
-          prevState: this._prevState,
-          nextProps: this.props,
-          nextState: this.state,
-          options: options
-        }));
+      this._WDYR.renderNumber++;
+
+      if (!('isStrictMode' in this._WDYR)) {
+        this._WDYR.isStrictMode = checkIfInsideAStrictModeTree(this);
+      } // in strict mode- ignore every other render
+
+
+      if (!(this._WDYR.isStrictMode && this._WDYR.renderNumber % 2 === 1)) {
+        if (this._WDYR.prevProps) {
+          options.notifier(getUpdateInfo({
+            Component: ClassComponent,
+            displayName: displayName,
+            prevProps: this._WDYR.prevProps,
+            prevState: this._WDYR.prevState,
+            nextProps: this.props,
+            nextState: this.state,
+            options: options
+          }));
+        }
+
+        this._WDYR.prevProps = this.props;
+        this._WDYR.prevState = this.state;
       }
 
-      this._prevProps = this.props;
-      this._prevState = this.state;
-      return super.render && super.render();
+      return super.render ? super.render() : null;
     }
@@ -518,0 +549,0 @@

dist/no-classes-transpile/esm/whyDidYouRender.min.js

 /**
- * @welldone-software/why-did-you-render 3.0.11
+ * @welldone-software/why-did-you-render 3.1.0
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-06-06
+ * Generated at 2019-06-07
  */
 
-import e from"lodash/mapValues";import t from"lodash/get";import r from"lodash/defaults";import n from"lodash/isString";import o from"lodash/reduce";import a from"lodash/has";import i from"lodash/keys";import f from"lodash/isFunction";import s from"lodash/isRegExp";import c from"lodash/isDate";import u from"lodash/isPlainObject";import p from"lodash/isArray";function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){l(e,t,r[t])})}return e}function m(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var h,y={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},v="http://bit.ly/wdyr02",g="http://bit.ly/wdyr3",_=(l(h={},y.different,"different objects."),l(h,y.deepEquals,"different objects that are equal by value."),l(h,y.date,"different date objects with the same value."),l(h,y.regex,"different regular expressions with the same value."),l(h,y.reactElement,"different React elements with the same displayName."),l(h,y.function,"different functions with the same name."),h),b=!1;function E(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,a=e.diffObjType,i=e.differences,f=e.values,s=e.options;i&&i.length>0?(s.consoleLog(l({},r,t),"".concat(o," of ").concat(a," changes:")),i.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,i=e.nextValue;s.consoleGroup("%c".concat("hook"===a?"[hook ".concat(n," result]"):"".concat(a,"."),"%c").concat(t,"%c"),"color:".concat(s.diffNameColor,";"),"color:".concat(s.diffPathColor,";"),"color:default;"),s.consoleLog("".concat(_[r]," (more info at ").concat(n?g:v,")")),s.consoleLog(l({},"prev ".concat(t),o),"!==",l({},"next ".concat(t),i)),s.consoleGroupEnd()})):i&&(s.consoleLog(l({},r,t),"".concat(o," the ").concat(a," object itself changed but it's values are all equal."),"props"===a?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(v)),s.consoleLog("prev ".concat(a,":"),f.prev," !== ",f.next,":next ".concat(a)))}function D(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook,u=e.reason,p=e.options;if(function(e,t,r){return!(b||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===y.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===y.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===y.different})))}(u,t,p)){p.consoleGroup("%c".concat(r),"color: ".concat(p.titleColor,";"));var d="Re-rendered because";u.propsDifferences&&(E({Component:t,displayName:r,prefixMessage:d,diffObjType:"props",differences:u.propsDifferences,values:{prev:o,next:f},options:p}),d="And because"),u.stateDifferences&&E({Component:t,displayName:r,prefixMessage:d,diffObjType:"state",differences:u.stateDifferences,values:{prev:a,next:s},options:p}),u.hookDifferences&&E({Component:t,displayName:r,prefixMessage:d,diffObjType:"hook",differences:u.hookDifferences,values:{prev:i,next:c},hookName:n,options:p}),u.propsDifferences||u.stateDifferences||u.hookDifferences||p.consoleLog(l({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(v)),p.consoleGroupEnd()}}var k=function(){};function R(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=console.group,n=console.groupEnd;return t.collapseGroups?r=console.groupCollapsed:t.onlyLogs&&(r=console.log,n=k),d({include:null,exclude:null,notifier:t.notifier||((e=t.hasOwnProperty("hotReloadBufferMs")?t.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(b=!0,setTimeout(function(){b=!1},e))}),D),onlyLogs:!1,consoleLog:console.log,consoleGroup:r,consoleGroupEnd:n,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},t)}function O(e){return e.displayName||e.name||e.type&&O(e.type)||(n(e)?e:void 0)}var x="undefined"!=typeof Element,N="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,S=function(e){return e.$$typeof===N};function w(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==y.different}function T(e,t,r){try{var n=[];return function e(t,r,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return w(t,r,n,o,y.different);if(p(t)&&p(r)){var l=t.length;if(l!==r.length)return w(t,r,n,o,y.different);for(var d=!0,m=l;0!=m--;)e(t[m],r[m],n,"".concat(o,"[").concat(m,"]"))||(d=!1);return w(t,r,n,o,d?y.deepEquals:y.different)}if(c(t)&&c(r))return t.getTime()===r.getTime()?w(t,r,n,o,y.date):w(t,r,n,o,y.different);if(s(t)&&s(r))return t.toString()===r.toString()?w(t,r,n,o,y.regex):w(t,r,n,o,y.different);if(x&&t instanceof Element&&r instanceof Element)return w(t,r,n,o,y.different);if(S(t)&&S(r))return t.type!==r.type?w(t,r,n,o,y.different):w(t,r,n,o,e(t.props,r.props,n,"".concat(o,".props"))?y.reactElement:y.different);if(f(t)&&f(r))return t.name===r.name?w(t,r,n,o,y.function):w(t,r,n,o,y.different);if(u(t)&&u(r)){var h=i(t),v=h.length;if(v!==i(r).length)return w(t,r,n,o,y.different);for(var g=v;0!=g--;)if(!a(r,h[g]))return w(t,r,n,o,y.different);for(var _=!0,b=v;0!=b--;){var E=h[b];e(t[E],r[E],n,"".concat(o,".").concat(E))||(_=!1)}return w(t,r,n,o,_?y.deepEquals:y.different)}return w(t,r,n,o,y.different)}(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var C={};function P(e,t){var r=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===t)return!1;if(!(void 0===r||r))return T(e,t);var n=e||C,a=t||C,i=Object.keys(d({},n,a));return o(i,function(e,t){var r=T(n[t],a[t],t);return r&&(e=[].concat(m(e),m(r))),e},[])}function j(e,t,r,n,o,a){return{propsDifferences:P(e,n),stateDifferences:P(t,o),hookDifferences:P(r,a,{shallow:!1})}}function H(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:i,nextProps:f,nextState:s,nextHook:c,options:e.options,reason:j(o,a,i,f,s,c)}}function L(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var Y="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function A(e,t,n,o,a){return t.$$typeof===Y?function(e,t,n,o){var a=e.type;function i(r){var i=n.useRef(),f=i.current;if(i.current=r,f){var s=H({Component:e,displayName:t,prevProps:f,nextProps:r,options:o});s.reason.propsDifferences&&s.reason.propsDifferences.length>0&&o.notifier(s)}return a(r)}i.displayName=O(a),i.ComponentForHooksTracking=e,r(i,a);var f=n.memo(i,e.compare);return f.displayName=t,r(f,e),f}(t,n,o,a):t.prototype&&t.prototype.isReactComponent?function(e,t,n,o){class a extends e{constructor(t,r){var n;if(super(t,r),n=this,this.render&&!e.prototype.render){var o=this.render;this.render=function(){return a.prototype.render.apply(n),o()}}}render(){return this._prevProps&&o.notifier(H({Component:e,displayName:t,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:o})),this._prevProps=this.props,this._prevState=this.state,super.render&&super.render()}}return a.displayName=t,r(a,e),a}(t,n,0,a):function(e,t,n,o){function a(r){var a=n.useRef(),i=a.current;if(a.current=r,i){var f=H({Component:e,displayName:t,prevProps:i,nextProps:r,options:o});f.reason.propsDifferences&&o.notifier(f)}return e(r)}return a.displayName=t,a.ComponentForHooksTracking=e,r(a,e),a}(t,n,o,a)}var I={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function F(r,n){var o,a=R(n),i=r.createElement,f=r.createFactory,s=new WeakMap;if(r.createElement=function(e){for(var t=("function"==typeof e||e.$$typeof===Y)&&L(e,O(e),a),n=arguments.length,o=new Array(n>1?n-1:0),f=1;f<n;f++)o[f-1]=arguments[f];if(!t)return i.apply(r,[e].concat(o));var c=e&&e.whyDidYouRender&&e.whyDidYouRender.customName||O(e),u=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=A(0,t,r,n,o);return e.set(t,a),a}(s,e,c,r,a);return i.apply(r,[u].concat(o))},Object.assign(r.createElement,i),r.createFactory=function(e){var t=r.createElement.bind(null,e);return t.type=e,t},Object.assign(r.createFactory,f),a.trackHooks){var c=e(I,function(e,n){return function(){var i=o[n];if(!i)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var f=i.apply(void 0,arguments);return e&&function(e,r,n,o,a){var i=r.path,f=n,s=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current;if(!s)return f;var c=s.type.ComponentForHooksTracking||s.type,u=O(c);if(!L(c,u,a))return f;var p=o.useRef(),l=p.current;if(p.current=f,l){var d=H({Component:c,displayName:u,hookName:e,prevHook:i?t(l,i):l,nextHook:i?t(f,i):f,options:a});d.reason.hookDifferences&&a.notifier(d)}p.current}(n,!0===e?{}:e,f,r,a),f}});Object.defineProperty(r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){o=e&&d({},e,e.origHooks)},get:function(){return o&&d({},o,c,{origHooks:o})}})}return r.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(r,{createElement:i,createFactory:f}),s=null,Object.defineProperty(r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0,value:o}),delete r.__REVERT_WHY_DID_YOU_RENDER__},r}F.defaultNotifier=D;export default F;
+import e from"lodash/mapValues";import r from"lodash/get";import t from"lodash/defaults";import n from"lodash/isString";import o from"lodash/reduce";import a from"lodash/has";import i from"lodash/keys";import s from"lodash/isFunction";import f from"lodash/isRegExp";import c from"lodash/isDate";import u from"lodash/isPlainObject";import p from"lodash/isArray";function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){l(e,r,t[r])})}return e}function m(e){return function(e){if(Array.isArray(e)){for(var r=0,t=new Array(e.length);r<e.length;r++)t[r]=e[r];return t}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var h,y={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},v="http://bit.ly/wdyr02",g="http://bit.ly/wdyr3",_=(l(h={},y.different,"different objects."),l(h,y.deepEquals,"different objects that are equal by value."),l(h,y.date,"different date objects with the same value."),l(h,y.regex,"different regular expressions with the same value."),l(h,y.reactElement,"different React elements with the same displayName."),l(h,y.function,"different functions with the same name."),h),D=!1;function b(e){var r=e.Component,t=e.displayName,n=e.hookName,o=e.prefixMessage,a=e.diffObjType,i=e.differences,s=e.values,f=e.options;i&&i.length>0?(f.consoleLog(l({},t,r),"".concat(o," of ").concat(a," changes:")),i.forEach(function(e){var r=e.pathString,t=e.diffType,o=e.prevValue,i=e.nextValue;f.consoleGroup("%c".concat("hook"===a?"[hook ".concat(n," result]"):"".concat(a,"."),"%c").concat(r,"%c"),"color:".concat(f.diffNameColor,";"),"color:".concat(f.diffPathColor,";"),"color:default;"),f.consoleLog("".concat(_[t]," (more info at ").concat(n?g:v,")")),f.consoleLog(l({},"prev ".concat(r),o),"!==",l({},"next ".concat(r),i)),f.consoleGroupEnd()})):i&&(f.consoleLog(l({},t,r),"".concat(o," the ").concat(a," object itself changed but it's values are all equal."),"props"===a?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(v)),f.consoleLog("prev ".concat(a,":"),s.prev," !== ",s.next,":next ".concat(a)))}function E(e){var r=e.Component,t=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,s=e.nextProps,f=e.nextState,c=e.nextHook,u=e.reason,p=e.options;if(function(e,r,t){return!(D||!t.logOnDifferentValues&&(!r.whyDidYouRender||!r.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===y.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===y.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===y.different})))}(u,r,p)){p.consoleGroup("%c".concat(t),"color: ".concat(p.titleColor,";"));var d="Re-rendered because";u.propsDifferences&&(b({Component:r,displayName:t,prefixMessage:d,diffObjType:"props",differences:u.propsDifferences,values:{prev:o,next:s},options:p}),d="And because"),u.stateDifferences&&b({Component:r,displayName:t,prefixMessage:d,diffObjType:"state",differences:u.stateDifferences,values:{prev:a,next:f},options:p}),u.hookDifferences&&b({Component:r,displayName:t,prefixMessage:d,diffObjType:"hook",differences:u.hookDifferences,values:{prev:i,next:c},hookName:n,options:p}),u.propsDifferences||u.stateDifferences||u.hookDifferences||p.consoleLog(l({},t,r),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(v)),p.consoleGroupEnd()}}var R=function(){};function k(){var e,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=console.group,n=console.groupEnd;return r.collapseGroups?t=console.groupCollapsed:r.onlyLogs&&(t=console.log,n=R),d({include:null,exclude:null,notifier:r.notifier||((e=r.hasOwnProperty("hotReloadBufferMs")?r.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(r){"idle"===r&&(D=!0,setTimeout(function(){D=!1},e))}),E),onlyLogs:!1,consoleLog:console.log,consoleGroup:t,consoleGroupEnd:n,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},r)}function N(e){return e.displayName||e.name||e.type&&N(e.type)||(n(e)?e:void 0)}var S="undefined"!=typeof Element,O="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,x=function(e){return e.$$typeof===O};function w(e,r,t,n,o){return t.push({diffType:o,pathString:n,prevValue:e,nextValue:r}),o!==y.different}function T(e,r,t){try{var n=[];return function e(r,t,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(r===t)return!0;if(!r||!t)return w(r,t,n,o,y.different);if(p(r)&&p(t)){var l=r.length;if(l!==t.length)return w(r,t,n,o,y.different);for(var d=!0,m=l;0!=m--;)e(r[m],t[m],n,"".concat(o,"[").concat(m,"]"))||(d=!1);return w(r,t,n,o,d?y.deepEquals:y.different)}if(c(r)&&c(t))return r.getTime()===t.getTime()?w(r,t,n,o,y.date):w(r,t,n,o,y.different);if(f(r)&&f(t))return r.toString()===t.toString()?w(r,t,n,o,y.regex):w(r,t,n,o,y.different);if(S&&r instanceof Element&&t instanceof Element)return w(r,t,n,o,y.different);if(x(r)&&x(t))return r.type!==t.type?w(r,t,n,o,y.different):w(r,t,n,o,e(r.props,t.props,n,"".concat(o,".props"))?y.reactElement:y.different);if(s(r)&&s(t))return r.name===t.name?w(r,t,n,o,y.function):w(r,t,n,o,y.different);if(u(r)&&u(t)){var h=i(r),v=h.length;if(v!==i(t).length)return w(r,t,n,o,y.different);for(var g=v;0!=g--;)if(!a(t,h[g]))return w(r,t,n,o,y.different);for(var _=!0,D=v;0!=D--;){var b=h[D];e(r[b],t[b],n,"".concat(o,".").concat(b))||(_=!1)}return w(r,t,n,o,_?y.deepEquals:y.different)}return w(r,t,n,o,y.different)}(e,r,n,t),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var C={};function P(e,r){var t=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===r)return!1;if(!(void 0===t||t))return T(e,r);var n=e||C,a=r||C,i=Object.keys(d({},n,a));return o(i,function(e,r){var t=T(n[r],a[r],r);return t&&(e=[].concat(m(e),m(t))),e},[])}function j(e,r,t,n,o,a){return{propsDifferences:P(e,n),stateDifferences:P(r,o),hookDifferences:P(t,a,{shallow:!1})}}function Y(e){var r=e.Component,t=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,s=e.nextProps,f=e.nextState,c=e.nextHook;return{Component:r,displayName:t,hookName:n,prevProps:o,prevState:a,prevHook:i,nextProps:s,nextState:f,nextHook:c,options:e.options,reason:j(o,a,i,s,f,c)}}function H(e,r,t){return!function(e,r){return r.exclude&&r.exclude.length>0&&r.exclude.some(function(r){return r.test(e)})}(r,t)&&!(!e.whyDidYouRender&&!function(e,r){return r.include&&r.include.length>0&&r.include.some(function(r){return r.test(e)})}(r,t))}var W=2;var L="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function I(e,r,n,o){class a extends e{constructor(r,t){var n;super(r,t),n=this,this._WDYR={renderNumber:0};var o=super.render||this.render;o!==e.prototype.render&&(this.render=function(){return a.prototype.render.apply(n),o()})}render(){return this._WDYR.renderNumber++,"isStrictMode"in this._WDYR||(this._WDYR.isStrictMode=function(e){for(var r=e._reactInternalFiber;null!==r;){if(r.mode&W)return!0;r=r.return}return!1}(this)),this._WDYR.isStrictMode&&this._WDYR.renderNumber%2==1||(this._WDYR.prevProps&&o.notifier(Y({Component:e,displayName:r,prevProps:this._WDYR.prevProps,prevState:this._WDYR.prevState,nextProps:this.props,nextState:this.state,options:o})),this._WDYR.prevProps=this.props,this._WDYR.prevState=this.state),super.render?super.render():null}}return a.displayName=r,t(a,e),a}function A(e,r,n,o,a){return r.$$typeof===L?function(e,r,n,o){var a=e.type;function i(t){var i=n.useRef(),s=i.current;if(i.current=t,s){var f=Y({Component:e,displayName:r,prevProps:s,nextProps:t,options:o});f.reason.propsDifferences&&f.reason.propsDifferences.length>0&&o.notifier(f)}return a(t)}i.displayName=N(a),i.ComponentForHooksTracking=e,t(i,a);var s=n.memo(i,e.compare);return s.displayName=r,t(s,e),s}(r,n,o,a):r.prototype&&r.prototype.isReactComponent?I(r,n,0,a):function(e,r,n,o){function a(t){var a=n.useRef(),i=a.current;if(a.current=t,i){var s=Y({Component:e,displayName:r,prevProps:i,nextProps:t,options:o});s.reason.propsDifferences&&o.notifier(s)}return e(t)}return a.displayName=r,a.ComponentForHooksTracking=e,t(a,e),a}(r,n,o,a)}var F={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function M(t,n){var o,a=k(n),i=t.createElement,s=t.createFactory,f=new WeakMap;if(t.createElement=function(e){for(var r=("function"==typeof e||e.$$typeof===L)&&H(e,N(e),a),n=arguments.length,o=new Array(n>1?n-1:0),s=1;s<n;s++)o[s-1]=arguments[s];if(!r)return i.apply(t,[e].concat(o));var c=e&&e.whyDidYouRender&&e.whyDidYouRender.customName||N(e),u=function(e,r,t,n,o){if(e.has(r))return e.get(r);var a=A(0,r,t,n,o);return e.set(r,a),a}(f,e,c,t,a);return i.apply(t,[u].concat(o))},Object.assign(t.createElement,i),t.createFactory=function(e){var r=t.createElement.bind(null,e);return r.type=e,r},Object.assign(t.createFactory,s),a.trackHooks){var c=e(F,function(e,n){return function(){var i=o[n];if(!i)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var s=i.apply(void 0,arguments);return e&&function(e,t,n,o,a){var i=t.path,s=n,f=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current;if(!f)return s;var c=f.type.ComponentForHooksTracking||f.type,u=N(c);if(!H(c,u,a))return s;var p=o.useRef(),l=p.current;if(p.current=s,l){var d=Y({Component:c,displayName:u,hookName:e,prevHook:i?r(l,i):l,nextHook:i?r(s,i):s,options:a});d.reason.hookDifferences&&a.notifier(d)}p.current}(n,!0===e?{}:e,s,t,a),s}});Object.defineProperty(t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){o=e&&d({},e,e.origHooks)},get:function(){return o&&d({},o,c,{origHooks:o})}})}return t.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(t,{createElement:i,createFactory:s}),f=null,Object.defineProperty(t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0,value:o}),delete t.__REVERT_WHY_DID_YOU_RENDER__},t}M.defaultNotifier=E;export default M;
 //# sourceMappingURL=whyDidYouRender.min.js.map

dist/no-classes-transpile/umd/whyDidYouRender.min.js

 /**
- * @welldone-software/why-did-you-render 3.0.11
+ * @welldone-software/why-did-you-render 3.1.0
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-06-06
+ * Generated at 2019-06-07
  */
 
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).whyDidYouRender=t()}(this,function(){"use strict";function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function t(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(r){e(t,r,n[r])})}return t}function r(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var n="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function o(e,t){return e(t={exports:{}},t.exports),t.exports}var a="object"==typeof n&&n&&n.Object===Object&&n,i="object"==typeof self&&self&&self.Object===Object&&self,u=a||i||Function("return this")(),c=u.Symbol,f=Object.prototype,s=f.hasOwnProperty,l=f.toString,p=c?c.toStringTag:void 0;var v=function(e){var t=s.call(e,p),r=e[p];try{e[p]=void 0;var n=!0}catch(e){}var o=l.call(e);return n&&(t?e[p]=r:delete e[p]),o},h=Object.prototype.toString;var d=function(e){return h.call(e)},y="[object Null]",b="[object Undefined]",_=c?c.toStringTag:void 0;var g=function(e){return null==e?void 0===e?b:y:_&&_ in Object(e)?v(e):d(e)};var m=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},j="[object AsyncFunction]",O="[object Function]",w="[object GeneratorFunction]",E="[object Proxy]";var S,D=function(e){if(!m(e))return!1;var t=g(e);return t==O||t==w||t==j||t==E},k=u["__core-js_shared__"],x=(S=/[^.]+$/.exec(k&&k.keys&&k.keys.IE_PROTO||""))?"Symbol(src)_1."+S:"";var R=function(e){return!!x&&x in e},P=Function.prototype.toString;var A=function(e){if(null!=e){try{return P.call(e)}catch(e){}try{return e+""}catch(e){}}return""},N=/^\[object .+?Constructor\]$/,T=Function.prototype,C=Object.prototype,z=T.toString,L=C.hasOwnProperty,F=RegExp("^"+z.call(L).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var H=function(e){return!(!m(e)||R(e))&&(D(e)?F:N).test(A(e))};var I=function(e,t){return null==e?void 0:e[t]};var M=function(e,t){var r=I(e,t);return H(r)?r:void 0},$=function(){try{var e=M(Object,"defineProperty");return e({},"",{}),e}catch(e){}}();var U=function(e,t,r){"__proto__"==t&&$?$(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r};var V=function(e){return function(t,r,n){for(var o=-1,a=Object(t),i=n(t),u=i.length;u--;){var c=i[e?u:++o];if(!1===r(a[c],c,a))break}return t}}();var Y=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n};var B=function(e){return null!=e&&"object"==typeof e},W="[object Arguments]";var q=function(e){return B(e)&&g(e)==W},G=Object.prototype,J=G.hasOwnProperty,K=G.propertyIsEnumerable,Q=q(function(){return arguments}())?q:function(e){return B(e)&&J.call(e,"callee")&&!K.call(e,"callee")},X=Array.isArray;var Z=function(){return!1},ee=o(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r?u.Buffer:void 0,a=(o?o.isBuffer:void 0)||Z;e.exports=a}),te=9007199254740991,re=/^(?:0|[1-9]\d*)$/;var ne=function(e,t){var r=typeof e;return!!(t=null==t?te:t)&&("number"==r||"symbol"!=r&&re.test(e))&&e>-1&&e%1==0&&e<t},oe=9007199254740991;var ae=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=oe},ie={};ie["[object Float32Array]"]=ie["[object Float64Array]"]=ie["[object Int8Array]"]=ie["[object Int16Array]"]=ie["[object Int32Array]"]=ie["[object Uint8Array]"]=ie["[object Uint8ClampedArray]"]=ie["[object Uint16Array]"]=ie["[object Uint32Array]"]=!0,ie["[object Arguments]"]=ie["[object Array]"]=ie["[object ArrayBuffer]"]=ie["[object Boolean]"]=ie["[object DataView]"]=ie["[object Date]"]=ie["[object Error]"]=ie["[object Function]"]=ie["[object Map]"]=ie["[object Number]"]=ie["[object Object]"]=ie["[object RegExp]"]=ie["[object Set]"]=ie["[object String]"]=ie["[object WeakMap]"]=!1;var ue=function(e){return B(e)&&ae(e.length)&&!!ie[g(e)]};var ce=function(e){return function(t){return e(t)}},fe=o(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r&&a.process,i=function(){try{var e=n&&n.require&&n.require("util").types;return e||o&&o.binding&&o.binding("util")}catch(e){}}();e.exports=i}),se=fe&&fe.isTypedArray,le=se?ce(se):ue,pe=Object.prototype.hasOwnProperty;var ve=function(e,t){var r=X(e),n=!r&&Q(e),o=!r&&!n&&ee(e),a=!r&&!n&&!o&&le(e),i=r||n||o||a,u=i?Y(e.length,String):[],c=u.length;for(var f in e)!t&&!pe.call(e,f)||i&&("length"==f||o&&("offset"==f||"parent"==f)||a&&("buffer"==f||"byteLength"==f||"byteOffset"==f)||ne(f,c))||u.push(f);return u},he=Object.prototype;var de=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||he)};var ye=function(e,t){return function(r){return e(t(r))}},be=ye(Object.keys,Object),_e=Object.prototype.hasOwnProperty;var ge=function(e){if(!de(e))return be(e);var t=[];for(var r in Object(e))_e.call(e,r)&&"constructor"!=r&&t.push(r);return t};var me=function(e){return null!=e&&ae(e.length)&&!D(e)};var je=function(e){return me(e)?ve(e):ge(e)};var Oe=function(e,t){return e&&V(e,t,je)};var we=function(){this.__data__=[],this.size=0};var Ee=function(e,t){return e===t||e!=e&&t!=t};var Se=function(e,t){for(var r=e.length;r--;)if(Ee(e[r][0],t))return r;return-1},De=Array.prototype.splice;var ke=function(e){var t=this.__data__,r=Se(t,e);return!(r<0||(r==t.length-1?t.pop():De.call(t,r,1),--this.size,0))};var xe=function(e){var t=this.__data__,r=Se(t,e);return r<0?void 0:t[r][1]};var Re=function(e){return Se(this.__data__,e)>-1};var Pe=function(e,t){var r=this.__data__,n=Se(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function Ae(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Ae.prototype.clear=we,Ae.prototype.delete=ke,Ae.prototype.get=xe,Ae.prototype.has=Re,Ae.prototype.set=Pe;var Ne=Ae;var Te=function(){this.__data__=new Ne,this.size=0};var Ce=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var ze=function(e){return this.__data__.get(e)};var Le=function(e){return this.__data__.has(e)},Fe=M(u,"Map"),He=M(Object,"create");var Ie=function(){this.__data__=He?He(null):{},this.size=0};var Me=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},$e="__lodash_hash_undefined__",Ue=Object.prototype.hasOwnProperty;var Ve=function(e){var t=this.__data__;if(He){var r=t[e];return r===$e?void 0:r}return Ue.call(t,e)?t[e]:void 0},Ye=Object.prototype.hasOwnProperty;var Be=function(e){var t=this.__data__;return He?void 0!==t[e]:Ye.call(t,e)},We="__lodash_hash_undefined__";var qe=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=He&&void 0===t?We:t,this};function Ge(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Ge.prototype.clear=Ie,Ge.prototype.delete=Me,Ge.prototype.get=Ve,Ge.prototype.has=Be,Ge.prototype.set=qe;var Je=Ge;var Ke=function(){this.size=0,this.__data__={hash:new Je,map:new(Fe||Ne),string:new Je}};var Qe=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Xe=function(e,t){var r=e.__data__;return Qe(t)?r["string"==typeof t?"string":"hash"]:r.map};var Ze=function(e){var t=Xe(this,e).delete(e);return this.size-=t?1:0,t};var et=function(e){return Xe(this,e).get(e)};var tt=function(e){return Xe(this,e).has(e)};var rt=function(e,t){var r=Xe(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function nt(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}nt.prototype.clear=Ke,nt.prototype.delete=Ze,nt.prototype.get=et,nt.prototype.has=tt,nt.prototype.set=rt;var ot=nt,at=200;var it=function(e,t){var r=this.__data__;if(r instanceof Ne){var n=r.__data__;if(!Fe||n.length<at-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new ot(n)}return r.set(e,t),this.size=r.size,this};function ut(e){var t=this.__data__=new Ne(e);this.size=t.size}ut.prototype.clear=Te,ut.prototype.delete=Ce,ut.prototype.get=ze,ut.prototype.has=Le,ut.prototype.set=it;var ct=ut,ft="__lodash_hash_undefined__";var st=function(e){return this.__data__.set(e,ft),this};var lt=function(e){return this.__data__.has(e)};function pt(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new ot;++t<r;)this.add(e[t])}pt.prototype.add=pt.prototype.push=st,pt.prototype.has=lt;var vt=pt;var ht=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1};var dt=function(e,t){return e.has(t)},yt=1,bt=2;var _t=function(e,t,r,n,o,a){var i=r&yt,u=e.length,c=t.length;if(u!=c&&!(i&&c>u))return!1;var f=a.get(e);if(f&&a.get(t))return f==t;var s=-1,l=!0,p=r&bt?new vt:void 0;for(a.set(e,t),a.set(t,e);++s<u;){var v=e[s],h=t[s];if(n)var d=i?n(h,v,s,t,e,a):n(v,h,s,e,t,a);if(void 0!==d){if(d)continue;l=!1;break}if(p){if(!ht(t,function(e,t){if(!dt(p,t)&&(v===e||o(v,e,r,n,a)))return p.push(t)})){l=!1;break}}else if(v!==h&&!o(v,h,r,n,a)){l=!1;break}}return a.delete(e),a.delete(t),l},gt=u.Uint8Array;var mt=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e,n){r[++t]=[n,e]}),r};var jt=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e){r[++t]=e}),r},Ot=1,wt=2,Et="[object Boolean]",St="[object Date]",Dt="[object Error]",kt="[object Map]",xt="[object Number]",Rt="[object RegExp]",Pt="[object Set]",At="[object String]",Nt="[object Symbol]",Tt="[object ArrayBuffer]",Ct="[object DataView]",zt=c?c.prototype:void 0,Lt=zt?zt.valueOf:void 0;var Ft=function(e,t,r,n,o,a,i){switch(r){case Ct:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case Tt:return!(e.byteLength!=t.byteLength||!a(new gt(e),new gt(t)));case Et:case St:case xt:return Ee(+e,+t);case Dt:return e.name==t.name&&e.message==t.message;case Rt:case At:return e==t+"";case kt:var u=mt;case Pt:var c=n&Ot;if(u||(u=jt),e.size!=t.size&&!c)return!1;var f=i.get(e);if(f)return f==t;n|=wt,i.set(e,t);var s=_t(u(e),u(t),n,o,a,i);return i.delete(e),s;case Nt:if(Lt)return Lt.call(e)==Lt.call(t)}return!1};var Ht=function(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e};var It=function(e,t,r){var n=t(e);return X(e)?n:Ht(n,r(e))};var Mt=function(e,t){for(var r=-1,n=null==e?0:e.length,o=0,a=[];++r<n;){var i=e[r];t(i,r,e)&&(a[o++]=i)}return a};var $t=function(){return[]},Ut=Object.prototype.propertyIsEnumerable,Vt=Object.getOwnPropertySymbols,Yt=Vt?function(e){return null==e?[]:(e=Object(e),Mt(Vt(e),function(t){return Ut.call(e,t)}))}:$t;var Bt=function(e){return It(e,je,Yt)},Wt=1,qt=Object.prototype.hasOwnProperty;var Gt=function(e,t,r,n,o,a){var i=r&Wt,u=Bt(e),c=u.length;if(c!=Bt(t).length&&!i)return!1;for(var f=c;f--;){var s=u[f];if(!(i?s in t:qt.call(t,s)))return!1}var l=a.get(e);if(l&&a.get(t))return l==t;var p=!0;a.set(e,t),a.set(t,e);for(var v=i;++f<c;){var h=e[s=u[f]],d=t[s];if(n)var y=i?n(d,h,s,t,e,a):n(h,d,s,e,t,a);if(!(void 0===y?h===d||o(h,d,r,n,a):y)){p=!1;break}v||(v="constructor"==s)}if(p&&!v){var b=e.constructor,_=t.constructor;b!=_&&"constructor"in e&&"constructor"in t&&!("function"==typeof b&&b instanceof b&&"function"==typeof _&&_ instanceof _)&&(p=!1)}return a.delete(e),a.delete(t),p},Jt=M(u,"DataView"),Kt=M(u,"Promise"),Qt=M(u,"Set"),Xt=M(u,"WeakMap"),Zt=A(Jt),er=A(Fe),tr=A(Kt),rr=A(Qt),nr=A(Xt),or=g;(Jt&&"[object DataView]"!=or(new Jt(new ArrayBuffer(1)))||Fe&&"[object Map]"!=or(new Fe)||Kt&&"[object Promise]"!=or(Kt.resolve())||Qt&&"[object Set]"!=or(new Qt)||Xt&&"[object WeakMap]"!=or(new Xt))&&(or=function(e){var t=g(e),r="[object Object]"==t?e.constructor:void 0,n=r?A(r):"";if(n)switch(n){case Zt:return"[object DataView]";case er:return"[object Map]";case tr:return"[object Promise]";case rr:return"[object Set]";case nr:return"[object WeakMap]"}return t});var ar=or,ir=1,ur="[object Arguments]",cr="[object Array]",fr="[object Object]",sr=Object.prototype.hasOwnProperty;var lr=function(e,t,r,n,o,a){var i=X(e),u=X(t),c=i?cr:ar(e),f=u?cr:ar(t),s=(c=c==ur?fr:c)==fr,l=(f=f==ur?fr:f)==fr,p=c==f;if(p&&ee(e)){if(!ee(t))return!1;i=!0,s=!1}if(p&&!s)return a||(a=new ct),i||le(e)?_t(e,t,r,n,o,a):Ft(e,t,c,r,n,o,a);if(!(r&ir)){var v=s&&sr.call(e,"__wrapped__"),h=l&&sr.call(t,"__wrapped__");if(v||h){var d=v?e.value():e,y=h?t.value():t;return a||(a=new ct),o(d,y,r,n,a)}}return!!p&&(a||(a=new ct),Gt(e,t,r,n,o,a))};var pr=function e(t,r,n,o,a){return t===r||(null==t||null==r||!B(t)&&!B(r)?t!=t&&r!=r:lr(t,r,n,o,e,a))},vr=1,hr=2;var dr=function(e,t,r,n){var o=r.length,a=o,i=!n;if(null==e)return!a;for(e=Object(e);o--;){var u=r[o];if(i&&u[2]?u[1]!==e[u[0]]:!(u[0]in e))return!1}for(;++o<a;){var c=(u=r[o])[0],f=e[c],s=u[1];if(i&&u[2]){if(void 0===f&&!(c in e))return!1}else{var l=new ct;if(n)var p=n(f,s,c,e,t,l);if(!(void 0===p?pr(s,f,vr|hr,n,l):p))return!1}}return!0};var yr=function(e){return e==e&&!m(e)};var br=function(e){for(var t=je(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,yr(o)]}return t};var _r=function(e,t){return function(r){return null!=r&&r[e]===t&&(void 0!==t||e in Object(r))}};var gr=function(e){var t=br(e);return 1==t.length&&t[0][2]?_r(t[0][0],t[0][1]):function(r){return r===e||dr(r,e,t)}},mr="[object Symbol]";var jr=function(e){return"symbol"==typeof e||B(e)&&g(e)==mr},Or=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,wr=/^\w*$/;var Er=function(e,t){if(X(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!jr(e))||wr.test(e)||!Or.test(e)||null!=t&&e in Object(t)},Sr="Expected a function";function Dr(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError(Sr);var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],a=r.cache;if(a.has(o))return a.get(o);var i=e.apply(this,n);return r.cache=a.set(o,i)||a,i};return r.cache=new(Dr.Cache||ot),r}Dr.Cache=ot;var kr=Dr,xr=500;var Rr=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Pr=/\\(\\)?/g,Ar=function(e){var t=kr(e,function(e){return r.size===xr&&r.clear(),e}),r=t.cache;return t}(function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(Rr,function(e,r,n,o){t.push(n?o.replace(Pr,"$1"):r||e)}),t});var Nr=function(e,t){for(var r=-1,n=null==e?0:e.length,o=Array(n);++r<n;)o[r]=t(e[r],r,e);return o},Tr=1/0,Cr=c?c.prototype:void 0,zr=Cr?Cr.toString:void 0;var Lr=function e(t){if("string"==typeof t)return t;if(X(t))return Nr(t,e)+"";if(jr(t))return zr?zr.call(t):"";var r=t+"";return"0"==r&&1/t==-Tr?"-0":r};var Fr=function(e){return null==e?"":Lr(e)};var Hr=function(e,t){return X(e)?e:Er(e,t)?[e]:Ar(Fr(e))},Ir=1/0;var Mr=function(e){if("string"==typeof e||jr(e))return e;var t=e+"";return"0"==t&&1/e==-Ir?"-0":t};var $r=function(e,t){for(var r=0,n=(t=Hr(t,e)).length;null!=e&&r<n;)e=e[Mr(t[r++])];return r&&r==n?e:void 0};var Ur=function(e,t,r){var n=null==e?void 0:$r(e,t);return void 0===n?r:n};var Vr=function(e,t){return null!=e&&t in Object(e)};var Yr=function(e,t,r){for(var n=-1,o=(t=Hr(t,e)).length,a=!1;++n<o;){var i=Mr(t[n]);if(!(a=null!=e&&r(e,i)))break;e=e[i]}return a||++n!=o?a:!!(o=null==e?0:e.length)&&ae(o)&&ne(i,o)&&(X(e)||Q(e))};var Br=function(e,t){return null!=e&&Yr(e,t,Vr)},Wr=1,qr=2;var Gr=function(e,t){return Er(e)&&yr(t)?_r(Mr(e),t):function(r){var n=Ur(r,e);return void 0===n&&n===t?Br(r,e):pr(t,n,Wr|qr)}};var Jr=function(e){return e};var Kr=function(e){return function(t){return null==t?void 0:t[e]}};var Qr=function(e){return function(t){return $r(t,e)}};var Xr=function(e){return Er(e)?Kr(Mr(e)):Qr(e)};var Zr=function(e){return"function"==typeof e?e:null==e?Jr:"object"==typeof e?X(e)?Gr(e[0],e[1]):gr(e):Xr(e)};var en=function(e,t){var r={};return t=Zr(t),Oe(e,function(e,n,o){U(r,n,t(e,n,o))}),r};var tn=function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)},rn=Math.max;var nn=function(e,t,r){return t=rn(void 0===t?e.length-1:t,0),function(){for(var n=arguments,o=-1,a=rn(n.length-t,0),i=Array(a);++o<a;)i[o]=n[t+o];o=-1;for(var u=Array(t+1);++o<t;)u[o]=n[o];return u[t]=r(i),tn(e,this,u)}};var on=function(e){return function(){return e}},an=$?function(e,t){return $(e,"toString",{configurable:!0,enumerable:!1,value:on(t),writable:!0})}:Jr,un=800,cn=16,fn=Date.now;var sn=function(e){var t=0,r=0;return function(){var n=fn(),o=cn-(n-r);if(r=n,o>0){if(++t>=un)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}(an);var ln=function(e,t){return sn(nn(e,t,Jr),e+"")};var pn=function(e,t,r){if(!m(r))return!1;var n=typeof t;return!!("number"==n?me(r)&&ne(t,r.length):"string"==n&&t in r)&&Ee(r[t],e)};var vn=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t},hn=Object.prototype.hasOwnProperty;var dn=function(e){if(!m(e))return vn(e);var t=de(e),r=[];for(var n in e)("constructor"!=n||!t&&hn.call(e,n))&&r.push(n);return r};var yn,bn=function(e){return me(e)?ve(e,!0):dn(e)},_n=Object.prototype,gn=_n.hasOwnProperty,mn=ln(function(e,t){e=Object(e);var r=-1,n=t.length,o=n>2?t[2]:void 0;for(o&&pn(t[0],t[1],o)&&(n=1);++r<n;)for(var a=t[r],i=bn(a),u=-1,c=i.length;++u<c;){var f=i[u],s=e[f];(void 0===s||Ee(s,_n[f])&&!gn.call(e,f))&&(e[f]=a[f])}return e}),jn={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},On="http://bit.ly/wdyr02",wn="http://bit.ly/wdyr3",En=(e(yn={},jn.different,"different objects."),e(yn,jn.deepEquals,"different objects that are equal by value."),e(yn,jn.date,"different date objects with the same value."),e(yn,jn.regex,"different regular expressions with the same value."),e(yn,jn.reactElement,"different React elements with the same displayName."),e(yn,jn.function,"different functions with the same name."),yn),Sn=!1;function Dn(t){var r=t.Component,n=t.displayName,o=t.hookName,a=t.prefixMessage,i=t.diffObjType,u=t.differences,c=t.values,f=t.options;u&&u.length>0?(f.consoleLog(e({},n,r),"".concat(a," of ").concat(i," changes:")),u.forEach(function(t){var r=t.pathString,n=t.diffType,a=t.prevValue,u=t.nextValue;f.consoleGroup("%c".concat("hook"===i?"[hook ".concat(o," result]"):"".concat(i,"."),"%c").concat(r,"%c"),"color:".concat(f.diffNameColor,";"),"color:".concat(f.diffPathColor,";"),"color:default;"),f.consoleLog("".concat(En[n]," (more info at ").concat(o?wn:On,")")),f.consoleLog(e({},"prev ".concat(r),a),"!==",e({},"next ".concat(r),u)),f.consoleGroupEnd()})):u&&(f.consoleLog(e({},n,r),"".concat(a," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(On)),f.consoleLog("prev ".concat(i,":"),c.prev," !== ",c.next,":next ".concat(i)))}function kn(t){var r=t.Component,n=t.displayName,o=t.hookName,a=t.prevProps,i=t.prevState,u=t.prevHook,c=t.nextProps,f=t.nextState,s=t.nextHook,l=t.reason,p=t.options;if(function(e,t,r){return!(Sn||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===jn.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===jn.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===jn.different})))}(l,r,p)){p.consoleGroup("%c".concat(n),"color: ".concat(p.titleColor,";"));var v="Re-rendered because";l.propsDifferences&&(Dn({Component:r,displayName:n,prefixMessage:v,diffObjType:"props",differences:l.propsDifferences,values:{prev:a,next:c},options:p}),v="And because"),l.stateDifferences&&Dn({Component:r,displayName:n,prefixMessage:v,diffObjType:"state",differences:l.stateDifferences,values:{prev:i,next:f},options:p}),l.hookDifferences&&Dn({Component:r,displayName:n,prefixMessage:v,diffObjType:"hook",differences:l.hookDifferences,values:{prev:u,next:s},hookName:o,options:p}),l.propsDifferences||l.stateDifferences||l.hookDifferences||p.consoleLog(e({},n,r),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(On)),p.consoleGroupEnd()}}var xn=function(){};function Rn(){var e,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=console.group,o=console.groupEnd;return r.collapseGroups?n=console.groupCollapsed:r.onlyLogs&&(n=console.log,o=xn),t({include:null,exclude:null,notifier:r.notifier||((e=r.hasOwnProperty("hotReloadBufferMs")?r.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(Sn=!0,setTimeout(function(){Sn=!1},e))}),kn),onlyLogs:!1,consoleLog:console.log,consoleGroup:n,consoleGroupEnd:o,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},r)}var Pn="[object String]";var An=function(e){return"string"==typeof e||!X(e)&&B(e)&&g(e)==Pn};function Nn(e){return e.displayName||e.name||e.type&&Nn(e.type)||(An(e)?e:void 0)}var Tn=function(e,t,r,n){var o=-1,a=null==e?0:e.length;for(n&&a&&(r=e[++o]);++o<a;)r=t(r,e[o],o,e);return r};var Cn=function(e,t){return function(r,n){if(null==r)return r;if(!me(r))return e(r,n);for(var o=r.length,a=t?o:-1,i=Object(r);(t?a--:++a<o)&&!1!==n(i[a],a,i););return r}}(Oe);var zn=function(e,t,r,n,o){return o(e,function(e,o,a){r=n?(n=!1,e):t(r,e,o,a)}),r};var Ln=function(e,t,r){var n=X(e)?Tn:zn,o=arguments.length<3;return n(e,Zr(t),r,o,Cn)},Fn=Object.prototype.hasOwnProperty;var Hn=function(e,t){return null!=e&&Fn.call(e,t)};var In=function(e,t){return null!=e&&Yr(e,t,Hn)},Mn="[object RegExp]";var $n=function(e){return B(e)&&g(e)==Mn},Un=fe&&fe.isRegExp,Vn=Un?ce(Un):$n,Yn="[object Date]";var Bn=function(e){return B(e)&&g(e)==Yn},Wn=fe&&fe.isDate,qn=Wn?ce(Wn):Bn,Gn=ye(Object.getPrototypeOf,Object),Jn="[object Object]",Kn=Function.prototype,Qn=Object.prototype,Xn=Kn.toString,Zn=Qn.hasOwnProperty,eo=Xn.call(Object);var to=function(e){if(!B(e)||g(e)!=Jn)return!1;var t=Gn(e);if(null===t)return!0;var r=Zn.call(t,"constructor")&&t.constructor;return"function"==typeof r&&r instanceof r&&Xn.call(r)==eo},ro="undefined"!=typeof Element,no="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,oo=function(e){return e.$$typeof===no};function ao(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==jn.different}function io(e,t,r){try{var n=[];return function e(t,r,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return ao(t,r,n,o,jn.different);if(X(t)&&X(r)){var a=t.length;if(a!==r.length)return ao(t,r,n,o,jn.different);for(var i=!0,u=a;0!=u--;)e(t[u],r[u],n,"".concat(o,"[").concat(u,"]"))||(i=!1);return ao(t,r,n,o,i?jn.deepEquals:jn.different)}if(qn(t)&&qn(r))return t.getTime()===r.getTime()?ao(t,r,n,o,jn.date):ao(t,r,n,o,jn.different);if(Vn(t)&&Vn(r))return t.toString()===r.toString()?ao(t,r,n,o,jn.regex):ao(t,r,n,o,jn.different);if(ro&&t instanceof Element&&r instanceof Element)return ao(t,r,n,o,jn.different);if(oo(t)&&oo(r))return t.type!==r.type?ao(t,r,n,o,jn.different):ao(t,r,n,o,e(t.props,r.props,n,"".concat(o,".props"))?jn.reactElement:jn.different);if(D(t)&&D(r))return t.name===r.name?ao(t,r,n,o,jn.function):ao(t,r,n,o,jn.different);if(to(t)&&to(r)){var c=je(t),f=c.length;if(f!==je(r).length)return ao(t,r,n,o,jn.different);for(var s=f;0!=s--;)if(!In(r,c[s]))return ao(t,r,n,o,jn.different);for(var l=!0,p=f;0!=p--;){var v=c[p];e(t[v],r[v],n,"".concat(o,".").concat(v))||(l=!1)}return ao(t,r,n,o,l?jn.deepEquals:jn.different)}return ao(t,r,n,o,jn.different)}(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var uo={};function co(e,n){var o=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===n)return!1;if(!(void 0===o||o))return io(e,n);var a=e||uo,i=n||uo,u=Object.keys(t({},a,i));return Ln(u,function(e,t){var n=io(a[t],i[t],t);return n&&(e=[].concat(r(e),r(n))),e},[])}function fo(e,t,r,n,o,a){return{propsDifferences:co(e,n),stateDifferences:co(t,o),hookDifferences:co(r,a,{shallow:!1})}}function so(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,u=e.nextProps,c=e.nextState,f=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:i,nextProps:u,nextState:c,nextHook:f,options:e.options,reason:fo(o,a,i,u,c,f)}}function lo(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var po="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function vo(e,t,r,n,o){return t.$$typeof===po?function(e,t,r,n){var o=e.type;function a(a){var i=r.useRef(),u=i.current;if(i.current=a,u){var c=so({Component:e,displayName:t,prevProps:u,nextProps:a,options:n});c.reason.propsDifferences&&c.reason.propsDifferences.length>0&&n.notifier(c)}return o(a)}a.displayName=Nn(o),a.ComponentForHooksTracking=e,mn(a,o);var i=r.memo(a,e.compare);return i.displayName=t,mn(i,e),i}(t,r,n,o):t.prototype&&t.prototype.isReactComponent?function(e,t,r,n){class o extends e{constructor(t,r){var n;if(super(t,r),n=this,this.render&&!e.prototype.render){var a=this.render;this.render=function(){return o.prototype.render.apply(n),a()}}}render(){return this._prevProps&&n.notifier(so({Component:e,displayName:t,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:n})),this._prevProps=this.props,this._prevState=this.state,super.render&&super.render()}}return o.displayName=t,mn(o,e),o}(t,r,0,o):function(e,t,r,n){function o(o){var a=r.useRef(),i=a.current;if(a.current=o,i){var u=so({Component:e,displayName:t,prevProps:i,nextProps:o,options:n});u.reason.propsDifferences&&n.notifier(u)}return e(o)}return o.displayName=t,o.ComponentForHooksTracking=e,mn(o,e),o}(t,r,n,o)}var ho={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function yo(e,r){var n,o=Rn(r),a=e.createElement,i=e.createFactory,u=new WeakMap;if(e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===po)&&lo(t,Nn(t),o),n=arguments.length,i=new Array(n>1?n-1:0),c=1;c<n;c++)i[c-1]=arguments[c];if(!r)return a.apply(e,[t].concat(i));var f=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||Nn(t),s=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=vo(0,t,r,n,o);return e.set(t,a),a}(u,t,f,e,o);return a.apply(e,[s].concat(i))},Object.assign(e.createElement,a),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),o.trackHooks){var c=en(ho,function(t,r){return function(){var a=n[r];if(!a)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var i=a.apply(void 0,arguments);return t&&function(e,t,r,n,o){var a=t.path,i=r,u=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current;if(!u)return i;var c=u.type.ComponentForHooksTracking||u.type,f=Nn(c);if(!lo(c,f,o))return i;var s=n.useRef(),l=s.current;if(s.current=i,l){var p=so({Component:c,displayName:f,hookName:e,prevHook:a?Ur(l,a):l,nextHook:a?Ur(i,a):i,options:o});p.reason.hookDifferences&&o.notifier(p)}s.current}(r,!0===t?{}:t,i,e,o),i}});Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){n=e&&t({},e,e.origHooks)},get:function(){return n&&t({},n,c,{origHooks:n})}})}return e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:a,createFactory:i}),u=null,Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0,value:n}),delete e.__REVERT_WHY_DID_YOU_RENDER__},e}return yo.defaultNotifier=kn,yo});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).whyDidYouRender=t()}(this,function(){"use strict";function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function t(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(r){e(t,r,n[r])})}return t}function r(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var n="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function o(e,t){return e(t={exports:{}},t.exports),t.exports}var a="object"==typeof n&&n&&n.Object===Object&&n,i="object"==typeof self&&self&&self.Object===Object&&self,u=a||i||Function("return this")(),c=u.Symbol,f=Object.prototype,s=f.hasOwnProperty,l=f.toString,p=c?c.toStringTag:void 0;var v=function(e){var t=s.call(e,p),r=e[p];try{e[p]=void 0;var n=!0}catch(e){}var o=l.call(e);return n&&(t?e[p]=r:delete e[p]),o},d=Object.prototype.toString;var h=function(e){return d.call(e)},y="[object Null]",b="[object Undefined]",_=c?c.toStringTag:void 0;var g=function(e){return null==e?void 0===e?b:y:_&&_ in Object(e)?v(e):h(e)};var m=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},j="[object AsyncFunction]",O="[object Function]",w="[object GeneratorFunction]",D="[object Proxy]";var E,S=function(e){if(!m(e))return!1;var t=g(e);return t==O||t==w||t==j||t==D},R=u["__core-js_shared__"],k=(E=/[^.]+$/.exec(R&&R.keys&&R.keys.IE_PROTO||""))?"Symbol(src)_1."+E:"";var x=function(e){return!!k&&k in e},P=Function.prototype.toString;var N=function(e){if(null!=e){try{return P.call(e)}catch(e){}try{return e+""}catch(e){}}return""},A=/^\[object .+?Constructor\]$/,T=Function.prototype,C=Object.prototype,z=T.toString,Y=C.hasOwnProperty,L=RegExp("^"+z.call(Y).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var W=function(e){return!(!m(e)||x(e))&&(S(e)?L:A).test(N(e))};var F=function(e,t){return null==e?void 0:e[t]};var M=function(e,t){var r=F(e,t);return W(r)?r:void 0},H=function(){try{var e=M(Object,"defineProperty");return e({},"",{}),e}catch(e){}}();var I=function(e,t,r){"__proto__"==t&&H?H(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r};var $=function(e){return function(t,r,n){for(var o=-1,a=Object(t),i=n(t),u=i.length;u--;){var c=i[e?u:++o];if(!1===r(a[c],c,a))break}return t}}();var U=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n};var V=function(e){return null!=e&&"object"==typeof e},B="[object Arguments]";var q=function(e){return V(e)&&g(e)==B},G=Object.prototype,J=G.hasOwnProperty,K=G.propertyIsEnumerable,Q=q(function(){return arguments}())?q:function(e){return V(e)&&J.call(e,"callee")&&!K.call(e,"callee")},X=Array.isArray;var Z=function(){return!1},ee=o(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r?u.Buffer:void 0,a=(o?o.isBuffer:void 0)||Z;e.exports=a}),te=9007199254740991,re=/^(?:0|[1-9]\d*)$/;var ne=function(e,t){var r=typeof e;return!!(t=null==t?te:t)&&("number"==r||"symbol"!=r&&re.test(e))&&e>-1&&e%1==0&&e<t},oe=9007199254740991;var ae=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=oe},ie={};ie["[object Float32Array]"]=ie["[object Float64Array]"]=ie["[object Int8Array]"]=ie["[object Int16Array]"]=ie["[object Int32Array]"]=ie["[object Uint8Array]"]=ie["[object Uint8ClampedArray]"]=ie["[object Uint16Array]"]=ie["[object Uint32Array]"]=!0,ie["[object Arguments]"]=ie["[object Array]"]=ie["[object ArrayBuffer]"]=ie["[object Boolean]"]=ie["[object DataView]"]=ie["[object Date]"]=ie["[object Error]"]=ie["[object Function]"]=ie["[object Map]"]=ie["[object Number]"]=ie["[object Object]"]=ie["[object RegExp]"]=ie["[object Set]"]=ie["[object String]"]=ie["[object WeakMap]"]=!1;var ue=function(e){return V(e)&&ae(e.length)&&!!ie[g(e)]};var ce=function(e){return function(t){return e(t)}},fe=o(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r&&a.process,i=function(){try{var e=n&&n.require&&n.require("util").types;return e||o&&o.binding&&o.binding("util")}catch(e){}}();e.exports=i}),se=fe&&fe.isTypedArray,le=se?ce(se):ue,pe=Object.prototype.hasOwnProperty;var ve=function(e,t){var r=X(e),n=!r&&Q(e),o=!r&&!n&&ee(e),a=!r&&!n&&!o&&le(e),i=r||n||o||a,u=i?U(e.length,String):[],c=u.length;for(var f in e)!t&&!pe.call(e,f)||i&&("length"==f||o&&("offset"==f||"parent"==f)||a&&("buffer"==f||"byteLength"==f||"byteOffset"==f)||ne(f,c))||u.push(f);return u},de=Object.prototype;var he=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||de)};var ye=function(e,t){return function(r){return e(t(r))}},be=ye(Object.keys,Object),_e=Object.prototype.hasOwnProperty;var ge=function(e){if(!he(e))return be(e);var t=[];for(var r in Object(e))_e.call(e,r)&&"constructor"!=r&&t.push(r);return t};var me=function(e){return null!=e&&ae(e.length)&&!S(e)};var je=function(e){return me(e)?ve(e):ge(e)};var Oe=function(e,t){return e&&$(e,t,je)};var we=function(){this.__data__=[],this.size=0};var De=function(e,t){return e===t||e!=e&&t!=t};var Ee=function(e,t){for(var r=e.length;r--;)if(De(e[r][0],t))return r;return-1},Se=Array.prototype.splice;var Re=function(e){var t=this.__data__,r=Ee(t,e);return!(r<0||(r==t.length-1?t.pop():Se.call(t,r,1),--this.size,0))};var ke=function(e){var t=this.__data__,r=Ee(t,e);return r<0?void 0:t[r][1]};var xe=function(e){return Ee(this.__data__,e)>-1};var Pe=function(e,t){var r=this.__data__,n=Ee(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function Ne(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Ne.prototype.clear=we,Ne.prototype.delete=Re,Ne.prototype.get=ke,Ne.prototype.has=xe,Ne.prototype.set=Pe;var Ae=Ne;var Te=function(){this.__data__=new Ae,this.size=0};var Ce=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var ze=function(e){return this.__data__.get(e)};var Ye=function(e){return this.__data__.has(e)},Le=M(u,"Map"),We=M(Object,"create");var Fe=function(){this.__data__=We?We(null):{},this.size=0};var Me=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},He="__lodash_hash_undefined__",Ie=Object.prototype.hasOwnProperty;var $e=function(e){var t=this.__data__;if(We){var r=t[e];return r===He?void 0:r}return Ie.call(t,e)?t[e]:void 0},Ue=Object.prototype.hasOwnProperty;var Ve=function(e){var t=this.__data__;return We?void 0!==t[e]:Ue.call(t,e)},Be="__lodash_hash_undefined__";var qe=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=We&&void 0===t?Be:t,this};function Ge(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Ge.prototype.clear=Fe,Ge.prototype.delete=Me,Ge.prototype.get=$e,Ge.prototype.has=Ve,Ge.prototype.set=qe;var Je=Ge;var Ke=function(){this.size=0,this.__data__={hash:new Je,map:new(Le||Ae),string:new Je}};var Qe=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Xe=function(e,t){var r=e.__data__;return Qe(t)?r["string"==typeof t?"string":"hash"]:r.map};var Ze=function(e){var t=Xe(this,e).delete(e);return this.size-=t?1:0,t};var et=function(e){return Xe(this,e).get(e)};var tt=function(e){return Xe(this,e).has(e)};var rt=function(e,t){var r=Xe(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function nt(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}nt.prototype.clear=Ke,nt.prototype.delete=Ze,nt.prototype.get=et,nt.prototype.has=tt,nt.prototype.set=rt;var ot=nt,at=200;var it=function(e,t){var r=this.__data__;if(r instanceof Ae){var n=r.__data__;if(!Le||n.length<at-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new ot(n)}return r.set(e,t),this.size=r.size,this};function ut(e){var t=this.__data__=new Ae(e);this.size=t.size}ut.prototype.clear=Te,ut.prototype.delete=Ce,ut.prototype.get=ze,ut.prototype.has=Ye,ut.prototype.set=it;var ct=ut,ft="__lodash_hash_undefined__";var st=function(e){return this.__data__.set(e,ft),this};var lt=function(e){return this.__data__.has(e)};function pt(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new ot;++t<r;)this.add(e[t])}pt.prototype.add=pt.prototype.push=st,pt.prototype.has=lt;var vt=pt;var dt=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1};var ht=function(e,t){return e.has(t)},yt=1,bt=2;var _t=function(e,t,r,n,o,a){var i=r&yt,u=e.length,c=t.length;if(u!=c&&!(i&&c>u))return!1;var f=a.get(e);if(f&&a.get(t))return f==t;var s=-1,l=!0,p=r&bt?new vt:void 0;for(a.set(e,t),a.set(t,e);++s<u;){var v=e[s],d=t[s];if(n)var h=i?n(d,v,s,t,e,a):n(v,d,s,e,t,a);if(void 0!==h){if(h)continue;l=!1;break}if(p){if(!dt(t,function(e,t){if(!ht(p,t)&&(v===e||o(v,e,r,n,a)))return p.push(t)})){l=!1;break}}else if(v!==d&&!o(v,d,r,n,a)){l=!1;break}}return a.delete(e),a.delete(t),l},gt=u.Uint8Array;var mt=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e,n){r[++t]=[n,e]}),r};var jt=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e){r[++t]=e}),r},Ot=1,wt=2,Dt="[object Boolean]",Et="[object Date]",St="[object Error]",Rt="[object Map]",kt="[object Number]",xt="[object RegExp]",Pt="[object Set]",Nt="[object String]",At="[object Symbol]",Tt="[object ArrayBuffer]",Ct="[object DataView]",zt=c?c.prototype:void 0,Yt=zt?zt.valueOf:void 0;var Lt=function(e,t,r,n,o,a,i){switch(r){case Ct:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case Tt:return!(e.byteLength!=t.byteLength||!a(new gt(e),new gt(t)));case Dt:case Et:case kt:return De(+e,+t);case St:return e.name==t.name&&e.message==t.message;case xt:case Nt:return e==t+"";case Rt:var u=mt;case Pt:var c=n&Ot;if(u||(u=jt),e.size!=t.size&&!c)return!1;var f=i.get(e);if(f)return f==t;n|=wt,i.set(e,t);var s=_t(u(e),u(t),n,o,a,i);return i.delete(e),s;case At:if(Yt)return Yt.call(e)==Yt.call(t)}return!1};var Wt=function(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e};var Ft=function(e,t,r){var n=t(e);return X(e)?n:Wt(n,r(e))};var Mt=function(e,t){for(var r=-1,n=null==e?0:e.length,o=0,a=[];++r<n;){var i=e[r];t(i,r,e)&&(a[o++]=i)}return a};var Ht=function(){return[]},It=Object.prototype.propertyIsEnumerable,$t=Object.getOwnPropertySymbols,Ut=$t?function(e){return null==e?[]:(e=Object(e),Mt($t(e),function(t){return It.call(e,t)}))}:Ht;var Vt=function(e){return Ft(e,je,Ut)},Bt=1,qt=Object.prototype.hasOwnProperty;var Gt=function(e,t,r,n,o,a){var i=r&Bt,u=Vt(e),c=u.length;if(c!=Vt(t).length&&!i)return!1;for(var f=c;f--;){var s=u[f];if(!(i?s in t:qt.call(t,s)))return!1}var l=a.get(e);if(l&&a.get(t))return l==t;var p=!0;a.set(e,t),a.set(t,e);for(var v=i;++f<c;){var d=e[s=u[f]],h=t[s];if(n)var y=i?n(h,d,s,t,e,a):n(d,h,s,e,t,a);if(!(void 0===y?d===h||o(d,h,r,n,a):y)){p=!1;break}v||(v="constructor"==s)}if(p&&!v){var b=e.constructor,_=t.constructor;b!=_&&"constructor"in e&&"constructor"in t&&!("function"==typeof b&&b instanceof b&&"function"==typeof _&&_ instanceof _)&&(p=!1)}return a.delete(e),a.delete(t),p},Jt=M(u,"DataView"),Kt=M(u,"Promise"),Qt=M(u,"Set"),Xt=M(u,"WeakMap"),Zt=N(Jt),er=N(Le),tr=N(Kt),rr=N(Qt),nr=N(Xt),or=g;(Jt&&"[object DataView]"!=or(new Jt(new ArrayBuffer(1)))||Le&&"[object Map]"!=or(new Le)||Kt&&"[object Promise]"!=or(Kt.resolve())||Qt&&"[object Set]"!=or(new Qt)||Xt&&"[object WeakMap]"!=or(new Xt))&&(or=function(e){var t=g(e),r="[object Object]"==t?e.constructor:void 0,n=r?N(r):"";if(n)switch(n){case Zt:return"[object DataView]";case er:return"[object Map]";case tr:return"[object Promise]";case rr:return"[object Set]";case nr:return"[object WeakMap]"}return t});var ar=or,ir=1,ur="[object Arguments]",cr="[object Array]",fr="[object Object]",sr=Object.prototype.hasOwnProperty;var lr=function(e,t,r,n,o,a){var i=X(e),u=X(t),c=i?cr:ar(e),f=u?cr:ar(t),s=(c=c==ur?fr:c)==fr,l=(f=f==ur?fr:f)==fr,p=c==f;if(p&&ee(e)){if(!ee(t))return!1;i=!0,s=!1}if(p&&!s)return a||(a=new ct),i||le(e)?_t(e,t,r,n,o,a):Lt(e,t,c,r,n,o,a);if(!(r&ir)){var v=s&&sr.call(e,"__wrapped__"),d=l&&sr.call(t,"__wrapped__");if(v||d){var h=v?e.value():e,y=d?t.value():t;return a||(a=new ct),o(h,y,r,n,a)}}return!!p&&(a||(a=new ct),Gt(e,t,r,n,o,a))};var pr=function e(t,r,n,o,a){return t===r||(null==t||null==r||!V(t)&&!V(r)?t!=t&&r!=r:lr(t,r,n,o,e,a))},vr=1,dr=2;var hr=function(e,t,r,n){var o=r.length,a=o,i=!n;if(null==e)return!a;for(e=Object(e);o--;){var u=r[o];if(i&&u[2]?u[1]!==e[u[0]]:!(u[0]in e))return!1}for(;++o<a;){var c=(u=r[o])[0],f=e[c],s=u[1];if(i&&u[2]){if(void 0===f&&!(c in e))return!1}else{var l=new ct;if(n)var p=n(f,s,c,e,t,l);if(!(void 0===p?pr(s,f,vr|dr,n,l):p))return!1}}return!0};var yr=function(e){return e==e&&!m(e)};var br=function(e){for(var t=je(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,yr(o)]}return t};var _r=function(e,t){return function(r){return null!=r&&r[e]===t&&(void 0!==t||e in Object(r))}};var gr=function(e){var t=br(e);return 1==t.length&&t[0][2]?_r(t[0][0],t[0][1]):function(r){return r===e||hr(r,e,t)}},mr="[object Symbol]";var jr=function(e){return"symbol"==typeof e||V(e)&&g(e)==mr},Or=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,wr=/^\w*$/;var Dr=function(e,t){if(X(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!jr(e))||wr.test(e)||!Or.test(e)||null!=t&&e in Object(t)},Er="Expected a function";function Sr(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError(Er);var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],a=r.cache;if(a.has(o))return a.get(o);var i=e.apply(this,n);return r.cache=a.set(o,i)||a,i};return r.cache=new(Sr.Cache||ot),r}Sr.Cache=ot;var Rr=Sr,kr=500;var xr=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Pr=/\\(\\)?/g,Nr=function(e){var t=Rr(e,function(e){return r.size===kr&&r.clear(),e}),r=t.cache;return t}(function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(xr,function(e,r,n,o){t.push(n?o.replace(Pr,"$1"):r||e)}),t});var Ar=function(e,t){for(var r=-1,n=null==e?0:e.length,o=Array(n);++r<n;)o[r]=t(e[r],r,e);return o},Tr=1/0,Cr=c?c.prototype:void 0,zr=Cr?Cr.toString:void 0;var Yr=function e(t){if("string"==typeof t)return t;if(X(t))return Ar(t,e)+"";if(jr(t))return zr?zr.call(t):"";var r=t+"";return"0"==r&&1/t==-Tr?"-0":r};var Lr=function(e){return null==e?"":Yr(e)};var Wr=function(e,t){return X(e)?e:Dr(e,t)?[e]:Nr(Lr(e))},Fr=1/0;var Mr=function(e){if("string"==typeof e||jr(e))return e;var t=e+"";return"0"==t&&1/e==-Fr?"-0":t};var Hr=function(e,t){for(var r=0,n=(t=Wr(t,e)).length;null!=e&&r<n;)e=e[Mr(t[r++])];return r&&r==n?e:void 0};var Ir=function(e,t,r){var n=null==e?void 0:Hr(e,t);return void 0===n?r:n};var $r=function(e,t){return null!=e&&t in Object(e)};var Ur=function(e,t,r){for(var n=-1,o=(t=Wr(t,e)).length,a=!1;++n<o;){var i=Mr(t[n]);if(!(a=null!=e&&r(e,i)))break;e=e[i]}return a||++n!=o?a:!!(o=null==e?0:e.length)&&ae(o)&&ne(i,o)&&(X(e)||Q(e))};var Vr=function(e,t){return null!=e&&Ur(e,t,$r)},Br=1,qr=2;var Gr=function(e,t){return Dr(e)&&yr(t)?_r(Mr(e),t):function(r){var n=Ir(r,e);return void 0===n&&n===t?Vr(r,e):pr(t,n,Br|qr)}};var Jr=function(e){return e};var Kr=function(e){return function(t){return null==t?void 0:t[e]}};var Qr=function(e){return function(t){return Hr(t,e)}};var Xr=function(e){return Dr(e)?Kr(Mr(e)):Qr(e)};var Zr=function(e){return"function"==typeof e?e:null==e?Jr:"object"==typeof e?X(e)?Gr(e[0],e[1]):gr(e):Xr(e)};var en=function(e,t){var r={};return t=Zr(t),Oe(e,function(e,n,o){I(r,n,t(e,n,o))}),r};var tn=function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)},rn=Math.max;var nn=function(e,t,r){return t=rn(void 0===t?e.length-1:t,0),function(){for(var n=arguments,o=-1,a=rn(n.length-t,0),i=Array(a);++o<a;)i[o]=n[t+o];o=-1;for(var u=Array(t+1);++o<t;)u[o]=n[o];return u[t]=r(i),tn(e,this,u)}};var on=function(e){return function(){return e}},an=H?function(e,t){return H(e,"toString",{configurable:!0,enumerable:!1,value:on(t),writable:!0})}:Jr,un=800,cn=16,fn=Date.now;var sn=function(e){var t=0,r=0;return function(){var n=fn(),o=cn-(n-r);if(r=n,o>0){if(++t>=un)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}(an);var ln=function(e,t){return sn(nn(e,t,Jr),e+"")};var pn=function(e,t,r){if(!m(r))return!1;var n=typeof t;return!!("number"==n?me(r)&&ne(t,r.length):"string"==n&&t in r)&&De(r[t],e)};var vn=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t},dn=Object.prototype.hasOwnProperty;var hn=function(e){if(!m(e))return vn(e);var t=he(e),r=[];for(var n in e)("constructor"!=n||!t&&dn.call(e,n))&&r.push(n);return r};var yn,bn=function(e){return me(e)?ve(e,!0):hn(e)},_n=Object.prototype,gn=_n.hasOwnProperty,mn=ln(function(e,t){e=Object(e);var r=-1,n=t.length,o=n>2?t[2]:void 0;for(o&&pn(t[0],t[1],o)&&(n=1);++r<n;)for(var a=t[r],i=bn(a),u=-1,c=i.length;++u<c;){var f=i[u],s=e[f];(void 0===s||De(s,_n[f])&&!gn.call(e,f))&&(e[f]=a[f])}return e}),jn={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},On="http://bit.ly/wdyr02",wn="http://bit.ly/wdyr3",Dn=(e(yn={},jn.different,"different objects."),e(yn,jn.deepEquals,"different objects that are equal by value."),e(yn,jn.date,"different date objects with the same value."),e(yn,jn.regex,"different regular expressions with the same value."),e(yn,jn.reactElement,"different React elements with the same displayName."),e(yn,jn.function,"different functions with the same name."),yn),En=!1;function Sn(t){var r=t.Component,n=t.displayName,o=t.hookName,a=t.prefixMessage,i=t.diffObjType,u=t.differences,c=t.values,f=t.options;u&&u.length>0?(f.consoleLog(e({},n,r),"".concat(a," of ").concat(i," changes:")),u.forEach(function(t){var r=t.pathString,n=t.diffType,a=t.prevValue,u=t.nextValue;f.consoleGroup("%c".concat("hook"===i?"[hook ".concat(o," result]"):"".concat(i,"."),"%c").concat(r,"%c"),"color:".concat(f.diffNameColor,";"),"color:".concat(f.diffPathColor,";"),"color:default;"),f.consoleLog("".concat(Dn[n]," (more info at ").concat(o?wn:On,")")),f.consoleLog(e({},"prev ".concat(r),a),"!==",e({},"next ".concat(r),u)),f.consoleGroupEnd()})):u&&(f.consoleLog(e({},n,r),"".concat(a," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(On)),f.consoleLog("prev ".concat(i,":"),c.prev," !== ",c.next,":next ".concat(i)))}function Rn(t){var r=t.Component,n=t.displayName,o=t.hookName,a=t.prevProps,i=t.prevState,u=t.prevHook,c=t.nextProps,f=t.nextState,s=t.nextHook,l=t.reason,p=t.options;if(function(e,t,r){return!(En||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===jn.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===jn.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===jn.different})))}(l,r,p)){p.consoleGroup("%c".concat(n),"color: ".concat(p.titleColor,";"));var v="Re-rendered because";l.propsDifferences&&(Sn({Component:r,displayName:n,prefixMessage:v,diffObjType:"props",differences:l.propsDifferences,values:{prev:a,next:c},options:p}),v="And because"),l.stateDifferences&&Sn({Component:r,displayName:n,prefixMessage:v,diffObjType:"state",differences:l.stateDifferences,values:{prev:i,next:f},options:p}),l.hookDifferences&&Sn({Component:r,displayName:n,prefixMessage:v,diffObjType:"hook",differences:l.hookDifferences,values:{prev:u,next:s},hookName:o,options:p}),l.propsDifferences||l.stateDifferences||l.hookDifferences||p.consoleLog(e({},n,r),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(On)),p.consoleGroupEnd()}}var kn=function(){};function xn(){var e,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=console.group,o=console.groupEnd;return r.collapseGroups?n=console.groupCollapsed:r.onlyLogs&&(n=console.log,o=kn),t({include:null,exclude:null,notifier:r.notifier||((e=r.hasOwnProperty("hotReloadBufferMs")?r.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(En=!0,setTimeout(function(){En=!1},e))}),Rn),onlyLogs:!1,consoleLog:console.log,consoleGroup:n,consoleGroupEnd:o,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},r)}var Pn="[object String]";var Nn=function(e){return"string"==typeof e||!X(e)&&V(e)&&g(e)==Pn};function An(e){return e.displayName||e.name||e.type&&An(e.type)||(Nn(e)?e:void 0)}var Tn=function(e,t,r,n){var o=-1,a=null==e?0:e.length;for(n&&a&&(r=e[++o]);++o<a;)r=t(r,e[o],o,e);return r};var Cn=function(e,t){return function(r,n){if(null==r)return r;if(!me(r))return e(r,n);for(var o=r.length,a=t?o:-1,i=Object(r);(t?a--:++a<o)&&!1!==n(i[a],a,i););return r}}(Oe);var zn=function(e,t,r,n,o){return o(e,function(e,o,a){r=n?(n=!1,e):t(r,e,o,a)}),r};var Yn=function(e,t,r){var n=X(e)?Tn:zn,o=arguments.length<3;return n(e,Zr(t),r,o,Cn)},Ln=Object.prototype.hasOwnProperty;var Wn=function(e,t){return null!=e&&Ln.call(e,t)};var Fn=function(e,t){return null!=e&&Ur(e,t,Wn)},Mn="[object RegExp]";var Hn=function(e){return V(e)&&g(e)==Mn},In=fe&&fe.isRegExp,$n=In?ce(In):Hn,Un="[object Date]";var Vn=function(e){return V(e)&&g(e)==Un},Bn=fe&&fe.isDate,qn=Bn?ce(Bn):Vn,Gn=ye(Object.getPrototypeOf,Object),Jn="[object Object]",Kn=Function.prototype,Qn=Object.prototype,Xn=Kn.toString,Zn=Qn.hasOwnProperty,eo=Xn.call(Object);var to=function(e){if(!V(e)||g(e)!=Jn)return!1;var t=Gn(e);if(null===t)return!0;var r=Zn.call(t,"constructor")&&t.constructor;return"function"==typeof r&&r instanceof r&&Xn.call(r)==eo},ro="undefined"!=typeof Element,no="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,oo=function(e){return e.$$typeof===no};function ao(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==jn.different}function io(e,t,r){try{var n=[];return function e(t,r,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return ao(t,r,n,o,jn.different);if(X(t)&&X(r)){var a=t.length;if(a!==r.length)return ao(t,r,n,o,jn.different);for(var i=!0,u=a;0!=u--;)e(t[u],r[u],n,"".concat(o,"[").concat(u,"]"))||(i=!1);return ao(t,r,n,o,i?jn.deepEquals:jn.different)}if(qn(t)&&qn(r))return t.getTime()===r.getTime()?ao(t,r,n,o,jn.date):ao(t,r,n,o,jn.different);if($n(t)&&$n(r))return t.toString()===r.toString()?ao(t,r,n,o,jn.regex):ao(t,r,n,o,jn.different);if(ro&&t instanceof Element&&r instanceof Element)return ao(t,r,n,o,jn.different);if(oo(t)&&oo(r))return t.type!==r.type?ao(t,r,n,o,jn.different):ao(t,r,n,o,e(t.props,r.props,n,"".concat(o,".props"))?jn.reactElement:jn.different);if(S(t)&&S(r))return t.name===r.name?ao(t,r,n,o,jn.function):ao(t,r,n,o,jn.different);if(to(t)&&to(r)){var c=je(t),f=c.length;if(f!==je(r).length)return ao(t,r,n,o,jn.different);for(var s=f;0!=s--;)if(!Fn(r,c[s]))return ao(t,r,n,o,jn.different);for(var l=!0,p=f;0!=p--;){var v=c[p];e(t[v],r[v],n,"".concat(o,".").concat(v))||(l=!1)}return ao(t,r,n,o,l?jn.deepEquals:jn.different)}return ao(t,r,n,o,jn.different)}(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var uo={};function co(e,n){var o=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===n)return!1;if(!(void 0===o||o))return io(e,n);var a=e||uo,i=n||uo,u=Object.keys(t({},a,i));return Yn(u,function(e,t){var n=io(a[t],i[t],t);return n&&(e=[].concat(r(e),r(n))),e},[])}function fo(e,t,r,n,o,a){return{propsDifferences:co(e,n),stateDifferences:co(t,o),hookDifferences:co(r,a,{shallow:!1})}}function so(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,u=e.nextProps,c=e.nextState,f=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:i,nextProps:u,nextState:c,nextHook:f,options:e.options,reason:fo(o,a,i,u,c,f)}}function lo(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var po=2;var vo="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function ho(e,t,r,n){class o extends e{constructor(t,r){var n;super(t,r),n=this,this._WDYR={renderNumber:0};var a=super.render||this.render;a!==e.prototype.render&&(this.render=function(){return o.prototype.render.apply(n),a()})}render(){return this._WDYR.renderNumber++,"isStrictMode"in this._WDYR||(this._WDYR.isStrictMode=function(e){for(var t=e._reactInternalFiber;null!==t;){if(t.mode&po)return!0;t=t.return}return!1}(this)),this._WDYR.isStrictMode&&this._WDYR.renderNumber%2==1||(this._WDYR.prevProps&&n.notifier(so({Component:e,displayName:t,prevProps:this._WDYR.prevProps,prevState:this._WDYR.prevState,nextProps:this.props,nextState:this.state,options:n})),this._WDYR.prevProps=this.props,this._WDYR.prevState=this.state),super.render?super.render():null}}return o.displayName=t,mn(o,e),o}function yo(e,t,r,n,o){return t.$$typeof===vo?function(e,t,r,n){var o=e.type;function a(a){var i=r.useRef(),u=i.current;if(i.current=a,u){var c=so({Component:e,displayName:t,prevProps:u,nextProps:a,options:n});c.reason.propsDifferences&&c.reason.propsDifferences.length>0&&n.notifier(c)}return o(a)}a.displayName=An(o),a.ComponentForHooksTracking=e,mn(a,o);var i=r.memo(a,e.compare);return i.displayName=t,mn(i,e),i}(t,r,n,o):t.prototype&&t.prototype.isReactComponent?ho(t,r,0,o):function(e,t,r,n){function o(o){var a=r.useRef(),i=a.current;if(a.current=o,i){var u=so({Component:e,displayName:t,prevProps:i,nextProps:o,options:n});u.reason.propsDifferences&&n.notifier(u)}return e(o)}return o.displayName=t,o.ComponentForHooksTracking=e,mn(o,e),o}(t,r,n,o)}var bo={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function _o(e,r){var n,o=xn(r),a=e.createElement,i=e.createFactory,u=new WeakMap;if(e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===vo)&&lo(t,An(t),o),n=arguments.length,i=new Array(n>1?n-1:0),c=1;c<n;c++)i[c-1]=arguments[c];if(!r)return a.apply(e,[t].concat(i));var f=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||An(t),s=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=yo(0,t,r,n,o);return e.set(t,a),a}(u,t,f,e,o);return a.apply(e,[s].concat(i))},Object.assign(e.createElement,a),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),o.trackHooks){var c=en(bo,function(t,r){return function(){var a=n[r];if(!a)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var i=a.apply(void 0,arguments);return t&&function(e,t,r,n,o){var a=t.path,i=r,u=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current;if(!u)return i;var c=u.type.ComponentForHooksTracking||u.type,f=An(c);if(!lo(c,f,o))return i;var s=n.useRef(),l=s.current;if(s.current=i,l){var p=so({Component:c,displayName:f,hookName:e,prevHook:a?Ir(l,a):l,nextHook:a?Ir(i,a):i,options:o});p.reason.hookDifferences&&o.notifier(p)}s.current}(r,!0===t?{}:t,i,e,o),i}});Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){n=e&&t({},e,e.origHooks)},get:function(){return n&&t({},n,c,{origHooks:n})}})}return e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:a,createFactory:i}),u=null,Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0,value:n}),delete e.__REVERT_WHY_DID_YOU_RENDER__},e}return _o.defaultNotifier=Rn,_o});
 //# sourceMappingURL=whyDidYouRender.min.js.map

dist/umd/whyDidYouRender.min.js

 /**
- * @welldone-software/why-did-you-render 3.0.11
+ * @welldone-software/why-did-you-render 3.1.0
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-06-06
+ * Generated at 2019-06-07
  */
 
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).whyDidYouRender=t()}(this,function(){"use strict";function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(r){t(e,r,n[r])})}return e}function n(e){return(n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function i(e,t,r){return(i="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,r){var o=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=n(e)););return e}(e,t);if(o){var a=Object.getOwnPropertyDescriptor(o,t);return a.get?a.get.call(r):a.value}})(e,t,r||e)}function u(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var c="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function f(e,t){return e(t={exports:{}},t.exports),t.exports}var s="object"==typeof c&&c&&c.Object===Object&&c,l="object"==typeof self&&self&&self.Object===Object&&self,p=s||l||Function("return this")(),v=p.Symbol,h=Object.prototype,d=h.hasOwnProperty,y=h.toString,b=v?v.toStringTag:void 0;var _=function(e){var t=d.call(e,b),r=e[b];try{e[b]=void 0;var n=!0}catch(e){}var o=y.call(e);return n&&(t?e[b]=r:delete e[b]),o},g=Object.prototype.toString;var m=function(e){return g.call(e)},j="[object Null]",O="[object Undefined]",w=v?v.toStringTag:void 0;var E=function(e){return null==e?void 0===e?O:j:w&&w in Object(e)?_(e):m(e)};var S=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},D="[object AsyncFunction]",k="[object Function]",x="[object GeneratorFunction]",P="[object Proxy]";var R,T=function(e){if(!S(e))return!1;var t=E(e);return t==k||t==x||t==D||t==P},A=p["__core-js_shared__"],N=(R=/[^.]+$/.exec(A&&A.keys&&A.keys.IE_PROTO||""))?"Symbol(src)_1."+R:"";var C=function(e){return!!N&&N in e},z=Function.prototype.toString;var L=function(e){if(null!=e){try{return z.call(e)}catch(e){}try{return e+""}catch(e){}}return""},F=/^\[object .+?Constructor\]$/,H=Function.prototype,I=Object.prototype,M=H.toString,$=I.hasOwnProperty,U=RegExp("^"+M.call($).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var V=function(e){return!(!S(e)||C(e))&&(T(e)?U:F).test(L(e))};var Y=function(e,t){return null==e?void 0:e[t]};var B=function(e,t){var r=Y(e,t);return V(r)?r:void 0},W=function(){try{var e=B(Object,"defineProperty");return e({},"",{}),e}catch(e){}}();var q=function(e,t,r){"__proto__"==t&&W?W(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r};var G=function(e){return function(t,r,n){for(var o=-1,a=Object(t),i=n(t),u=i.length;u--;){var c=i[e?u:++o];if(!1===r(a[c],c,a))break}return t}}();var J=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n};var K=function(e){return null!=e&&"object"==typeof e},Q="[object Arguments]";var X=function(e){return K(e)&&E(e)==Q},Z=Object.prototype,ee=Z.hasOwnProperty,te=Z.propertyIsEnumerable,re=X(function(){return arguments}())?X:function(e){return K(e)&&ee.call(e,"callee")&&!te.call(e,"callee")},ne=Array.isArray;var oe=function(){return!1},ae=f(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r?p.Buffer:void 0,a=(o?o.isBuffer:void 0)||oe;e.exports=a}),ie=9007199254740991,ue=/^(?:0|[1-9]\d*)$/;var ce=function(e,t){var r=typeof e;return!!(t=null==t?ie:t)&&("number"==r||"symbol"!=r&&ue.test(e))&&e>-1&&e%1==0&&e<t},fe=9007199254740991;var se=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=fe},le={};le["[object Float32Array]"]=le["[object Float64Array]"]=le["[object Int8Array]"]=le["[object Int16Array]"]=le["[object Int32Array]"]=le["[object Uint8Array]"]=le["[object Uint8ClampedArray]"]=le["[object Uint16Array]"]=le["[object Uint32Array]"]=!0,le["[object Arguments]"]=le["[object Array]"]=le["[object ArrayBuffer]"]=le["[object Boolean]"]=le["[object DataView]"]=le["[object Date]"]=le["[object Error]"]=le["[object Function]"]=le["[object Map]"]=le["[object Number]"]=le["[object Object]"]=le["[object RegExp]"]=le["[object Set]"]=le["[object String]"]=le["[object WeakMap]"]=!1;var pe=function(e){return K(e)&&se(e.length)&&!!le[E(e)]};var ve=function(e){return function(t){return e(t)}},he=f(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r&&s.process,a=function(){try{var e=n&&n.require&&n.require("util").types;return e||o&&o.binding&&o.binding("util")}catch(e){}}();e.exports=a}),de=he&&he.isTypedArray,ye=de?ve(de):pe,be=Object.prototype.hasOwnProperty;var _e=function(e,t){var r=ne(e),n=!r&&re(e),o=!r&&!n&&ae(e),a=!r&&!n&&!o&&ye(e),i=r||n||o||a,u=i?J(e.length,String):[],c=u.length;for(var f in e)!t&&!be.call(e,f)||i&&("length"==f||o&&("offset"==f||"parent"==f)||a&&("buffer"==f||"byteLength"==f||"byteOffset"==f)||ce(f,c))||u.push(f);return u},ge=Object.prototype;var me=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||ge)};var je=function(e,t){return function(r){return e(t(r))}},Oe=je(Object.keys,Object),we=Object.prototype.hasOwnProperty;var Ee=function(e){if(!me(e))return Oe(e);var t=[];for(var r in Object(e))we.call(e,r)&&"constructor"!=r&&t.push(r);return t};var Se=function(e){return null!=e&&se(e.length)&&!T(e)};var De=function(e){return Se(e)?_e(e):Ee(e)};var ke=function(e,t){return e&&G(e,t,De)};var xe=function(){this.__data__=[],this.size=0};var Pe=function(e,t){return e===t||e!=e&&t!=t};var Re=function(e,t){for(var r=e.length;r--;)if(Pe(e[r][0],t))return r;return-1},Te=Array.prototype.splice;var Ae=function(e){var t=this.__data__,r=Re(t,e);return!(r<0||(r==t.length-1?t.pop():Te.call(t,r,1),--this.size,0))};var Ne=function(e){var t=this.__data__,r=Re(t,e);return r<0?void 0:t[r][1]};var Ce=function(e){return Re(this.__data__,e)>-1};var ze=function(e,t){var r=this.__data__,n=Re(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function Le(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Le.prototype.clear=xe,Le.prototype.delete=Ae,Le.prototype.get=Ne,Le.prototype.has=Ce,Le.prototype.set=ze;var Fe=Le;var He=function(){this.__data__=new Fe,this.size=0};var Ie=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var Me=function(e){return this.__data__.get(e)};var $e=function(e){return this.__data__.has(e)},Ue=B(p,"Map"),Ve=B(Object,"create");var Ye=function(){this.__data__=Ve?Ve(null):{},this.size=0};var Be=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},We="__lodash_hash_undefined__",qe=Object.prototype.hasOwnProperty;var Ge=function(e){var t=this.__data__;if(Ve){var r=t[e];return r===We?void 0:r}return qe.call(t,e)?t[e]:void 0},Je=Object.prototype.hasOwnProperty;var Ke=function(e){var t=this.__data__;return Ve?void 0!==t[e]:Je.call(t,e)},Qe="__lodash_hash_undefined__";var Xe=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Ve&&void 0===t?Qe:t,this};function Ze(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Ze.prototype.clear=Ye,Ze.prototype.delete=Be,Ze.prototype.get=Ge,Ze.prototype.has=Ke,Ze.prototype.set=Xe;var et=Ze;var tt=function(){this.size=0,this.__data__={hash:new et,map:new(Ue||Fe),string:new et}};var rt=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var nt=function(e,t){var r=e.__data__;return rt(t)?r["string"==typeof t?"string":"hash"]:r.map};var ot=function(e){var t=nt(this,e).delete(e);return this.size-=t?1:0,t};var at=function(e){return nt(this,e).get(e)};var it=function(e){return nt(this,e).has(e)};var ut=function(e,t){var r=nt(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function ct(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}ct.prototype.clear=tt,ct.prototype.delete=ot,ct.prototype.get=at,ct.prototype.has=it,ct.prototype.set=ut;var ft=ct,st=200;var lt=function(e,t){var r=this.__data__;if(r instanceof Fe){var n=r.__data__;if(!Ue||n.length<st-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new ft(n)}return r.set(e,t),this.size=r.size,this};function pt(e){var t=this.__data__=new Fe(e);this.size=t.size}pt.prototype.clear=He,pt.prototype.delete=Ie,pt.prototype.get=Me,pt.prototype.has=$e,pt.prototype.set=lt;var vt=pt,ht="__lodash_hash_undefined__";var dt=function(e){return this.__data__.set(e,ht),this};var yt=function(e){return this.__data__.has(e)};function bt(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new ft;++t<r;)this.add(e[t])}bt.prototype.add=bt.prototype.push=dt,bt.prototype.has=yt;var _t=bt;var gt=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1};var mt=function(e,t){return e.has(t)},jt=1,Ot=2;var wt=function(e,t,r,n,o,a){var i=r&jt,u=e.length,c=t.length;if(u!=c&&!(i&&c>u))return!1;var f=a.get(e);if(f&&a.get(t))return f==t;var s=-1,l=!0,p=r&Ot?new _t:void 0;for(a.set(e,t),a.set(t,e);++s<u;){var v=e[s],h=t[s];if(n)var d=i?n(h,v,s,t,e,a):n(v,h,s,e,t,a);if(void 0!==d){if(d)continue;l=!1;break}if(p){if(!gt(t,function(e,t){if(!mt(p,t)&&(v===e||o(v,e,r,n,a)))return p.push(t)})){l=!1;break}}else if(v!==h&&!o(v,h,r,n,a)){l=!1;break}}return a.delete(e),a.delete(t),l},Et=p.Uint8Array;var St=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e,n){r[++t]=[n,e]}),r};var Dt=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e){r[++t]=e}),r},kt=1,xt=2,Pt="[object Boolean]",Rt="[object Date]",Tt="[object Error]",At="[object Map]",Nt="[object Number]",Ct="[object RegExp]",zt="[object Set]",Lt="[object String]",Ft="[object Symbol]",Ht="[object ArrayBuffer]",It="[object DataView]",Mt=v?v.prototype:void 0,$t=Mt?Mt.valueOf:void 0;var Ut=function(e,t,r,n,o,a,i){switch(r){case It:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case Ht:return!(e.byteLength!=t.byteLength||!a(new Et(e),new Et(t)));case Pt:case Rt:case Nt:return Pe(+e,+t);case Tt:return e.name==t.name&&e.message==t.message;case Ct:case Lt:return e==t+"";case At:var u=St;case zt:var c=n&kt;if(u||(u=Dt),e.size!=t.size&&!c)return!1;var f=i.get(e);if(f)return f==t;n|=xt,i.set(e,t);var s=wt(u(e),u(t),n,o,a,i);return i.delete(e),s;case Ft:if($t)return $t.call(e)==$t.call(t)}return!1};var Vt=function(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e};var Yt=function(e,t,r){var n=t(e);return ne(e)?n:Vt(n,r(e))};var Bt=function(e,t){for(var r=-1,n=null==e?0:e.length,o=0,a=[];++r<n;){var i=e[r];t(i,r,e)&&(a[o++]=i)}return a};var Wt=function(){return[]},qt=Object.prototype.propertyIsEnumerable,Gt=Object.getOwnPropertySymbols,Jt=Gt?function(e){return null==e?[]:(e=Object(e),Bt(Gt(e),function(t){return qt.call(e,t)}))}:Wt;var Kt=function(e){return Yt(e,De,Jt)},Qt=1,Xt=Object.prototype.hasOwnProperty;var Zt=function(e,t,r,n,o,a){var i=r&Qt,u=Kt(e),c=u.length;if(c!=Kt(t).length&&!i)return!1;for(var f=c;f--;){var s=u[f];if(!(i?s in t:Xt.call(t,s)))return!1}var l=a.get(e);if(l&&a.get(t))return l==t;var p=!0;a.set(e,t),a.set(t,e);for(var v=i;++f<c;){var h=e[s=u[f]],d=t[s];if(n)var y=i?n(d,h,s,t,e,a):n(h,d,s,e,t,a);if(!(void 0===y?h===d||o(h,d,r,n,a):y)){p=!1;break}v||(v="constructor"==s)}if(p&&!v){var b=e.constructor,_=t.constructor;b!=_&&"constructor"in e&&"constructor"in t&&!("function"==typeof b&&b instanceof b&&"function"==typeof _&&_ instanceof _)&&(p=!1)}return a.delete(e),a.delete(t),p},er=B(p,"DataView"),tr=B(p,"Promise"),rr=B(p,"Set"),nr=B(p,"WeakMap"),or=L(er),ar=L(Ue),ir=L(tr),ur=L(rr),cr=L(nr),fr=E;(er&&"[object DataView]"!=fr(new er(new ArrayBuffer(1)))||Ue&&"[object Map]"!=fr(new Ue)||tr&&"[object Promise]"!=fr(tr.resolve())||rr&&"[object Set]"!=fr(new rr)||nr&&"[object WeakMap]"!=fr(new nr))&&(fr=function(e){var t=E(e),r="[object Object]"==t?e.constructor:void 0,n=r?L(r):"";if(n)switch(n){case or:return"[object DataView]";case ar:return"[object Map]";case ir:return"[object Promise]";case ur:return"[object Set]";case cr:return"[object WeakMap]"}return t});var sr=fr,lr=1,pr="[object Arguments]",vr="[object Array]",hr="[object Object]",dr=Object.prototype.hasOwnProperty;var yr=function(e,t,r,n,o,a){var i=ne(e),u=ne(t),c=i?vr:sr(e),f=u?vr:sr(t),s=(c=c==pr?hr:c)==hr,l=(f=f==pr?hr:f)==hr,p=c==f;if(p&&ae(e)){if(!ae(t))return!1;i=!0,s=!1}if(p&&!s)return a||(a=new vt),i||ye(e)?wt(e,t,r,n,o,a):Ut(e,t,c,r,n,o,a);if(!(r&lr)){var v=s&&dr.call(e,"__wrapped__"),h=l&&dr.call(t,"__wrapped__");if(v||h){var d=v?e.value():e,y=h?t.value():t;return a||(a=new vt),o(d,y,r,n,a)}}return!!p&&(a||(a=new vt),Zt(e,t,r,n,o,a))};var br=function e(t,r,n,o,a){return t===r||(null==t||null==r||!K(t)&&!K(r)?t!=t&&r!=r:yr(t,r,n,o,e,a))},_r=1,gr=2;var mr=function(e,t,r,n){var o=r.length,a=o,i=!n;if(null==e)return!a;for(e=Object(e);o--;){var u=r[o];if(i&&u[2]?u[1]!==e[u[0]]:!(u[0]in e))return!1}for(;++o<a;){var c=(u=r[o])[0],f=e[c],s=u[1];if(i&&u[2]){if(void 0===f&&!(c in e))return!1}else{var l=new vt;if(n)var p=n(f,s,c,e,t,l);if(!(void 0===p?br(s,f,_r|gr,n,l):p))return!1}}return!0};var jr=function(e){return e==e&&!S(e)};var Or=function(e){for(var t=De(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,jr(o)]}return t};var wr=function(e,t){return function(r){return null!=r&&r[e]===t&&(void 0!==t||e in Object(r))}};var Er=function(e){var t=Or(e);return 1==t.length&&t[0][2]?wr(t[0][0],t[0][1]):function(r){return r===e||mr(r,e,t)}},Sr="[object Symbol]";var Dr=function(e){return"symbol"==typeof e||K(e)&&E(e)==Sr},kr=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,xr=/^\w*$/;var Pr=function(e,t){if(ne(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!Dr(e))||xr.test(e)||!kr.test(e)||null!=t&&e in Object(t)},Rr="Expected a function";function Tr(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError(Rr);var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],a=r.cache;if(a.has(o))return a.get(o);var i=e.apply(this,n);return r.cache=a.set(o,i)||a,i};return r.cache=new(Tr.Cache||ft),r}Tr.Cache=ft;var Ar=Tr,Nr=500;var Cr=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,zr=/\\(\\)?/g,Lr=function(e){var t=Ar(e,function(e){return r.size===Nr&&r.clear(),e}),r=t.cache;return t}(function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(Cr,function(e,r,n,o){t.push(n?o.replace(zr,"$1"):r||e)}),t});var Fr=function(e,t){for(var r=-1,n=null==e?0:e.length,o=Array(n);++r<n;)o[r]=t(e[r],r,e);return o},Hr=1/0,Ir=v?v.prototype:void 0,Mr=Ir?Ir.toString:void 0;var $r=function e(t){if("string"==typeof t)return t;if(ne(t))return Fr(t,e)+"";if(Dr(t))return Mr?Mr.call(t):"";var r=t+"";return"0"==r&&1/t==-Hr?"-0":r};var Ur=function(e){return null==e?"":$r(e)};var Vr=function(e,t){return ne(e)?e:Pr(e,t)?[e]:Lr(Ur(e))},Yr=1/0;var Br=function(e){if("string"==typeof e||Dr(e))return e;var t=e+"";return"0"==t&&1/e==-Yr?"-0":t};var Wr=function(e,t){for(var r=0,n=(t=Vr(t,e)).length;null!=e&&r<n;)e=e[Br(t[r++])];return r&&r==n?e:void 0};var qr=function(e,t,r){var n=null==e?void 0:Wr(e,t);return void 0===n?r:n};var Gr=function(e,t){return null!=e&&t in Object(e)};var Jr=function(e,t,r){for(var n=-1,o=(t=Vr(t,e)).length,a=!1;++n<o;){var i=Br(t[n]);if(!(a=null!=e&&r(e,i)))break;e=e[i]}return a||++n!=o?a:!!(o=null==e?0:e.length)&&se(o)&&ce(i,o)&&(ne(e)||re(e))};var Kr=function(e,t){return null!=e&&Jr(e,t,Gr)},Qr=1,Xr=2;var Zr=function(e,t){return Pr(e)&&jr(t)?wr(Br(e),t):function(r){var n=qr(r,e);return void 0===n&&n===t?Kr(r,e):br(t,n,Qr|Xr)}};var en=function(e){return e};var tn=function(e){return function(t){return null==t?void 0:t[e]}};var rn=function(e){return function(t){return Wr(t,e)}};var nn=function(e){return Pr(e)?tn(Br(e)):rn(e)};var on=function(e){return"function"==typeof e?e:null==e?en:"object"==typeof e?ne(e)?Zr(e[0],e[1]):Er(e):nn(e)};var an=function(e,t){var r={};return t=on(t),ke(e,function(e,n,o){q(r,n,t(e,n,o))}),r};var un=function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)},cn=Math.max;var fn=function(e,t,r){return t=cn(void 0===t?e.length-1:t,0),function(){for(var n=arguments,o=-1,a=cn(n.length-t,0),i=Array(a);++o<a;)i[o]=n[t+o];o=-1;for(var u=Array(t+1);++o<t;)u[o]=n[o];return u[t]=r(i),un(e,this,u)}};var sn=function(e){return function(){return e}},ln=W?function(e,t){return W(e,"toString",{configurable:!0,enumerable:!1,value:sn(t),writable:!0})}:en,pn=800,vn=16,hn=Date.now;var dn=function(e){var t=0,r=0;return function(){var n=hn(),o=vn-(n-r);if(r=n,o>0){if(++t>=pn)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}(ln);var yn=function(e,t){return dn(fn(e,t,en),e+"")};var bn=function(e,t,r){if(!S(r))return!1;var n=typeof t;return!!("number"==n?Se(r)&&ce(t,r.length):"string"==n&&t in r)&&Pe(r[t],e)};var _n=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t},gn=Object.prototype.hasOwnProperty;var mn=function(e){if(!S(e))return _n(e);var t=me(e),r=[];for(var n in e)("constructor"!=n||!t&&gn.call(e,n))&&r.push(n);return r};var jn,On=function(e){return Se(e)?_e(e,!0):mn(e)},wn=Object.prototype,En=wn.hasOwnProperty,Sn=yn(function(e,t){e=Object(e);var r=-1,n=t.length,o=n>2?t[2]:void 0;for(o&&bn(t[0],t[1],o)&&(n=1);++r<n;)for(var a=t[r],i=On(a),u=-1,c=i.length;++u<c;){var f=i[u],s=e[f];(void 0===s||Pe(s,wn[f])&&!En.call(e,f))&&(e[f]=a[f])}return e}),Dn={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},kn="http://bit.ly/wdyr02",xn="http://bit.ly/wdyr3",Pn=(t(jn={},Dn.different,"different objects."),t(jn,Dn.deepEquals,"different objects that are equal by value."),t(jn,Dn.date,"different date objects with the same value."),t(jn,Dn.regex,"different regular expressions with the same value."),t(jn,Dn.reactElement,"different React elements with the same displayName."),t(jn,Dn.function,"different functions with the same name."),jn),Rn=!1;function Tn(e){var r=e.Component,n=e.displayName,o=e.hookName,a=e.prefixMessage,i=e.diffObjType,u=e.differences,c=e.values,f=e.options;u&&u.length>0?(f.consoleLog(t({},n,r),"".concat(a," of ").concat(i," changes:")),u.forEach(function(e){var r=e.pathString,n=e.diffType,a=e.prevValue,u=e.nextValue;f.consoleGroup("%c".concat("hook"===i?"[hook ".concat(o," result]"):"".concat(i,"."),"%c").concat(r,"%c"),"color:".concat(f.diffNameColor,";"),"color:".concat(f.diffPathColor,";"),"color:default;"),f.consoleLog("".concat(Pn[n]," (more info at ").concat(o?xn:kn,")")),f.consoleLog(t({},"prev ".concat(r),a),"!==",t({},"next ".concat(r),u)),f.consoleGroupEnd()})):u&&(f.consoleLog(t({},n,r),"".concat(a," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(kn)),f.consoleLog("prev ".concat(i,":"),c.prev," !== ",c.next,":next ".concat(i)))}function An(e){var r=e.Component,n=e.displayName,o=e.hookName,a=e.prevProps,i=e.prevState,u=e.prevHook,c=e.nextProps,f=e.nextState,s=e.nextHook,l=e.reason,p=e.options;if(function(e,t,r){return!(Rn||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===Dn.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===Dn.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===Dn.different})))}(l,r,p)){p.consoleGroup("%c".concat(n),"color: ".concat(p.titleColor,";"));var v="Re-rendered because";l.propsDifferences&&(Tn({Component:r,displayName:n,prefixMessage:v,diffObjType:"props",differences:l.propsDifferences,values:{prev:a,next:c},options:p}),v="And because"),l.stateDifferences&&Tn({Component:r,displayName:n,prefixMessage:v,diffObjType:"state",differences:l.stateDifferences,values:{prev:i,next:f},options:p}),l.hookDifferences&&Tn({Component:r,displayName:n,prefixMessage:v,diffObjType:"hook",differences:l.hookDifferences,values:{prev:u,next:s},hookName:o,options:p}),l.propsDifferences||l.stateDifferences||l.hookDifferences||p.consoleLog(t({},n,r),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(kn)),p.consoleGroupEnd()}}var Nn=function(){};function Cn(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=console.group,o=console.groupEnd;return t.collapseGroups?n=console.groupCollapsed:t.onlyLogs&&(n=console.log,o=Nn),r({include:null,exclude:null,notifier:t.notifier||((e=t.hasOwnProperty("hotReloadBufferMs")?t.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(Rn=!0,setTimeout(function(){Rn=!1},e))}),An),onlyLogs:!1,consoleLog:console.log,consoleGroup:n,consoleGroupEnd:o,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},t)}var zn="[object String]";var Ln=function(e){return"string"==typeof e||!ne(e)&&K(e)&&E(e)==zn};function Fn(e){return e.displayName||e.name||e.type&&Fn(e.type)||(Ln(e)?e:void 0)}var Hn=function(e,t,r,n){var o=-1,a=null==e?0:e.length;for(n&&a&&(r=e[++o]);++o<a;)r=t(r,e[o],o,e);return r};var In=function(e,t){return function(r,n){if(null==r)return r;if(!Se(r))return e(r,n);for(var o=r.length,a=t?o:-1,i=Object(r);(t?a--:++a<o)&&!1!==n(i[a],a,i););return r}}(ke);var Mn=function(e,t,r,n,o){return o(e,function(e,o,a){r=n?(n=!1,e):t(r,e,o,a)}),r};var $n=function(e,t,r){var n=ne(e)?Hn:Mn,o=arguments.length<3;return n(e,on(t),r,o,In)},Un=Object.prototype.hasOwnProperty;var Vn=function(e,t){return null!=e&&Un.call(e,t)};var Yn=function(e,t){return null!=e&&Jr(e,t,Vn)},Bn="[object RegExp]";var Wn=function(e){return K(e)&&E(e)==Bn},qn=he&&he.isRegExp,Gn=qn?ve(qn):Wn,Jn="[object Date]";var Kn=function(e){return K(e)&&E(e)==Jn},Qn=he&&he.isDate,Xn=Qn?ve(Qn):Kn,Zn=je(Object.getPrototypeOf,Object),eo="[object Object]",to=Function.prototype,ro=Object.prototype,no=to.toString,oo=ro.hasOwnProperty,ao=no.call(Object);var io=function(e){if(!K(e)||E(e)!=eo)return!1;var t=Zn(e);if(null===t)return!0;var r=oo.call(t,"constructor")&&t.constructor;return"function"==typeof r&&r instanceof r&&no.call(r)==ao},uo="undefined"!=typeof Element,co="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,fo=function(e){return e.$$typeof===co};function so(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==Dn.different}function lo(e,t,r){try{var n=[];return function e(t,r,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return so(t,r,n,o,Dn.different);if(ne(t)&&ne(r)){var a=t.length;if(a!==r.length)return so(t,r,n,o,Dn.different);for(var i=!0,u=a;0!=u--;)e(t[u],r[u],n,"".concat(o,"[").concat(u,"]"))||(i=!1);return so(t,r,n,o,i?Dn.deepEquals:Dn.different)}if(Xn(t)&&Xn(r))return t.getTime()===r.getTime()?so(t,r,n,o,Dn.date):so(t,r,n,o,Dn.different);if(Gn(t)&&Gn(r))return t.toString()===r.toString()?so(t,r,n,o,Dn.regex):so(t,r,n,o,Dn.different);if(uo&&t instanceof Element&&r instanceof Element)return so(t,r,n,o,Dn.different);if(fo(t)&&fo(r))return t.type!==r.type?so(t,r,n,o,Dn.different):so(t,r,n,o,e(t.props,r.props,n,"".concat(o,".props"))?Dn.reactElement:Dn.different);if(T(t)&&T(r))return t.name===r.name?so(t,r,n,o,Dn.function):so(t,r,n,o,Dn.different);if(io(t)&&io(r)){var c=De(t),f=c.length;if(f!==De(r).length)return so(t,r,n,o,Dn.different);for(var s=f;0!=s--;)if(!Yn(r,c[s]))return so(t,r,n,o,Dn.different);for(var l=!0,p=f;0!=p--;){var v=c[p];e(t[v],r[v],n,"".concat(o,".").concat(v))||(l=!1)}return so(t,r,n,o,l?Dn.deepEquals:Dn.different)}return so(t,r,n,o,Dn.different)}(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var po={};function vo(e,t){var n=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===t)return!1;if(!(void 0===n||n))return lo(e,t);var o=e||po,a=t||po,i=Object.keys(r({},o,a));return $n(i,function(e,t){var r=lo(o[t],a[t],t);return r&&(e=[].concat(u(e),u(r))),e},[])}function ho(e,t,r,n,o,a){return{propsDifferences:vo(e,n),stateDifferences:vo(t,o),hookDifferences:vo(r,a,{shallow:!1})}}function yo(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,u=e.nextProps,c=e.nextState,f=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:i,nextProps:u,nextState:c,nextHook:f,options:e.options,reason:ho(o,a,i,u,c,f)}}function bo(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var _o="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function go(t,r,u,c){var f=function(u){function f(e,r){var o;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,f),(o=function(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?a(e):t}(this,n(f).call(this,e,r))).render&&!t.prototype.render){var i=o.render;o.render=function(){return f.prototype.render.apply(a(o)),i()}}return o}var s,l,p;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}(f,t),s=f,(l=[{key:"render",value:function(){return this._prevProps&&c.notifier(yo({Component:t,displayName:r,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:c})),this._prevProps=this.props,this._prevState=this.state,i(n(f.prototype),"render",this)&&i(n(f.prototype),"render",this).call(this)}}])&&e(s.prototype,l),p&&e(s,p),f}();return f.displayName=r,Sn(f,t),f}function mo(e,t,r,n,o){return t.$$typeof===_o?function(e,t,r,n){var o=e.type;function a(a){var i=r.useRef(),u=i.current;if(i.current=a,u){var c=yo({Component:e,displayName:t,prevProps:u,nextProps:a,options:n});c.reason.propsDifferences&&c.reason.propsDifferences.length>0&&n.notifier(c)}return o(a)}a.displayName=Fn(o),a.ComponentForHooksTracking=e,Sn(a,o);var i=r.memo(a,e.compare);return i.displayName=t,Sn(i,e),i}(t,r,n,o):t.prototype&&t.prototype.isReactComponent?go(t,r,0,o):function(e,t,r,n){function o(o){var a=r.useRef(),i=a.current;if(a.current=o,i){var u=yo({Component:e,displayName:t,prevProps:i,nextProps:o,options:n});u.reason.propsDifferences&&n.notifier(u)}return e(o)}return o.displayName=t,o.ComponentForHooksTracking=e,Sn(o,e),o}(t,r,n,o)}var jo={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function Oo(e,t){var n,o=Cn(t),a=e.createElement,i=e.createFactory,u=new WeakMap;if(e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===_o)&&bo(t,Fn(t),o),n=arguments.length,i=new Array(n>1?n-1:0),c=1;c<n;c++)i[c-1]=arguments[c];if(!r)return a.apply(e,[t].concat(i));var f=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||Fn(t),s=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=mo(0,t,r,n,o);return e.set(t,a),a}(u,t,f,e,o);return a.apply(e,[s].concat(i))},Object.assign(e.createElement,a),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),o.trackHooks){var c=an(jo,function(t,r){return function(){var a=n[r];if(!a)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var i=a.apply(void 0,arguments);return t&&function(e,t,r,n,o){var a=t.path,i=r,u=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current;if(!u)return i;var c=u.type.ComponentForHooksTracking||u.type,f=Fn(c);if(!bo(c,f,o))return i;var s=n.useRef(),l=s.current;if(s.current=i,l){var p=yo({Component:c,displayName:f,hookName:e,prevHook:a?qr(l,a):l,nextHook:a?qr(i,a):i,options:o});p.reason.hookDifferences&&o.notifier(p)}s.current}(r,!0===t?{}:t,i,e,o),i}});Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){n=e&&r({},e,e.origHooks)},get:function(){return n&&r({},n,c,{origHooks:n})}})}return e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:a,createFactory:i}),u=null,Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0,value:n}),delete e.__REVERT_WHY_DID_YOU_RENDER__},e}return Oo.defaultNotifier=An,Oo});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).whyDidYouRender=t()}(this,function(){"use strict";function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(r){t(e,r,n[r])})}return e}function n(e){return(n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function i(e,t,r){return(i="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,r){var o=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=n(e)););return e}(e,t);if(o){var a=Object.getOwnPropertyDescriptor(o,t);return a.get?a.get.call(r):a.value}})(e,t,r||e)}function u(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var c="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function f(e,t){return e(t={exports:{}},t.exports),t.exports}var s="object"==typeof c&&c&&c.Object===Object&&c,l="object"==typeof self&&self&&self.Object===Object&&self,p=s||l||Function("return this")(),v=p.Symbol,h=Object.prototype,d=h.hasOwnProperty,y=h.toString,b=v?v.toStringTag:void 0;var _=function(e){var t=d.call(e,b),r=e[b];try{e[b]=void 0;var n=!0}catch(e){}var o=y.call(e);return n&&(t?e[b]=r:delete e[b]),o},g=Object.prototype.toString;var m=function(e){return g.call(e)},j="[object Null]",O="[object Undefined]",w=v?v.toStringTag:void 0;var D=function(e){return null==e?void 0===e?O:j:w&&w in Object(e)?_(e):m(e)};var E=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},S="[object AsyncFunction]",R="[object Function]",k="[object GeneratorFunction]",x="[object Proxy]";var P,N=function(e){if(!E(e))return!1;var t=D(e);return t==R||t==k||t==S||t==x},T=p["__core-js_shared__"],A=(P=/[^.]+$/.exec(T&&T.keys&&T.keys.IE_PROTO||""))?"Symbol(src)_1."+P:"";var C=function(e){return!!A&&A in e},z=Function.prototype.toString;var Y=function(e){if(null!=e){try{return z.call(e)}catch(e){}try{return e+""}catch(e){}}return""},L=/^\[object .+?Constructor\]$/,W=Function.prototype,F=Object.prototype,M=W.toString,H=F.hasOwnProperty,I=RegExp("^"+M.call(H).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var $=function(e){return!(!E(e)||C(e))&&(N(e)?I:L).test(Y(e))};var U=function(e,t){return null==e?void 0:e[t]};var V=function(e,t){var r=U(e,t);return $(r)?r:void 0},B=function(){try{var e=V(Object,"defineProperty");return e({},"",{}),e}catch(e){}}();var q=function(e,t,r){"__proto__"==t&&B?B(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r};var G=function(e){return function(t,r,n){for(var o=-1,a=Object(t),i=n(t),u=i.length;u--;){var c=i[e?u:++o];if(!1===r(a[c],c,a))break}return t}}();var J=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n};var K=function(e){return null!=e&&"object"==typeof e},Q="[object Arguments]";var X=function(e){return K(e)&&D(e)==Q},Z=Object.prototype,ee=Z.hasOwnProperty,te=Z.propertyIsEnumerable,re=X(function(){return arguments}())?X:function(e){return K(e)&&ee.call(e,"callee")&&!te.call(e,"callee")},ne=Array.isArray;var oe=function(){return!1},ae=f(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r?p.Buffer:void 0,a=(o?o.isBuffer:void 0)||oe;e.exports=a}),ie=9007199254740991,ue=/^(?:0|[1-9]\d*)$/;var ce=function(e,t){var r=typeof e;return!!(t=null==t?ie:t)&&("number"==r||"symbol"!=r&&ue.test(e))&&e>-1&&e%1==0&&e<t},fe=9007199254740991;var se=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=fe},le={};le["[object Float32Array]"]=le["[object Float64Array]"]=le["[object Int8Array]"]=le["[object Int16Array]"]=le["[object Int32Array]"]=le["[object Uint8Array]"]=le["[object Uint8ClampedArray]"]=le["[object Uint16Array]"]=le["[object Uint32Array]"]=!0,le["[object Arguments]"]=le["[object Array]"]=le["[object ArrayBuffer]"]=le["[object Boolean]"]=le["[object DataView]"]=le["[object Date]"]=le["[object Error]"]=le["[object Function]"]=le["[object Map]"]=le["[object Number]"]=le["[object Object]"]=le["[object RegExp]"]=le["[object Set]"]=le["[object String]"]=le["[object WeakMap]"]=!1;var pe=function(e){return K(e)&&se(e.length)&&!!le[D(e)]};var ve=function(e){return function(t){return e(t)}},he=f(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r&&s.process,a=function(){try{var e=n&&n.require&&n.require("util").types;return e||o&&o.binding&&o.binding("util")}catch(e){}}();e.exports=a}),de=he&&he.isTypedArray,ye=de?ve(de):pe,be=Object.prototype.hasOwnProperty;var _e=function(e,t){var r=ne(e),n=!r&&re(e),o=!r&&!n&&ae(e),a=!r&&!n&&!o&&ye(e),i=r||n||o||a,u=i?J(e.length,String):[],c=u.length;for(var f in e)!t&&!be.call(e,f)||i&&("length"==f||o&&("offset"==f||"parent"==f)||a&&("buffer"==f||"byteLength"==f||"byteOffset"==f)||ce(f,c))||u.push(f);return u},ge=Object.prototype;var me=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||ge)};var je=function(e,t){return function(r){return e(t(r))}},Oe=je(Object.keys,Object),we=Object.prototype.hasOwnProperty;var De=function(e){if(!me(e))return Oe(e);var t=[];for(var r in Object(e))we.call(e,r)&&"constructor"!=r&&t.push(r);return t};var Ee=function(e){return null!=e&&se(e.length)&&!N(e)};var Se=function(e){return Ee(e)?_e(e):De(e)};var Re=function(e,t){return e&&G(e,t,Se)};var ke=function(){this.__data__=[],this.size=0};var xe=function(e,t){return e===t||e!=e&&t!=t};var Pe=function(e,t){for(var r=e.length;r--;)if(xe(e[r][0],t))return r;return-1},Ne=Array.prototype.splice;var Te=function(e){var t=this.__data__,r=Pe(t,e);return!(r<0||(r==t.length-1?t.pop():Ne.call(t,r,1),--this.size,0))};var Ae=function(e){var t=this.__data__,r=Pe(t,e);return r<0?void 0:t[r][1]};var Ce=function(e){return Pe(this.__data__,e)>-1};var ze=function(e,t){var r=this.__data__,n=Pe(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function Ye(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Ye.prototype.clear=ke,Ye.prototype.delete=Te,Ye.prototype.get=Ae,Ye.prototype.has=Ce,Ye.prototype.set=ze;var Le=Ye;var We=function(){this.__data__=new Le,this.size=0};var Fe=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var Me=function(e){return this.__data__.get(e)};var He=function(e){return this.__data__.has(e)},Ie=V(p,"Map"),$e=V(Object,"create");var Ue=function(){this.__data__=$e?$e(null):{},this.size=0};var Ve=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Be="__lodash_hash_undefined__",qe=Object.prototype.hasOwnProperty;var Ge=function(e){var t=this.__data__;if($e){var r=t[e];return r===Be?void 0:r}return qe.call(t,e)?t[e]:void 0},Je=Object.prototype.hasOwnProperty;var Ke=function(e){var t=this.__data__;return $e?void 0!==t[e]:Je.call(t,e)},Qe="__lodash_hash_undefined__";var Xe=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=$e&&void 0===t?Qe:t,this};function Ze(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Ze.prototype.clear=Ue,Ze.prototype.delete=Ve,Ze.prototype.get=Ge,Ze.prototype.has=Ke,Ze.prototype.set=Xe;var et=Ze;var tt=function(){this.size=0,this.__data__={hash:new et,map:new(Ie||Le),string:new et}};var rt=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var nt=function(e,t){var r=e.__data__;return rt(t)?r["string"==typeof t?"string":"hash"]:r.map};var ot=function(e){var t=nt(this,e).delete(e);return this.size-=t?1:0,t};var at=function(e){return nt(this,e).get(e)};var it=function(e){return nt(this,e).has(e)};var ut=function(e,t){var r=nt(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function ct(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}ct.prototype.clear=tt,ct.prototype.delete=ot,ct.prototype.get=at,ct.prototype.has=it,ct.prototype.set=ut;var ft=ct,st=200;var lt=function(e,t){var r=this.__data__;if(r instanceof Le){var n=r.__data__;if(!Ie||n.length<st-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new ft(n)}return r.set(e,t),this.size=r.size,this};function pt(e){var t=this.__data__=new Le(e);this.size=t.size}pt.prototype.clear=We,pt.prototype.delete=Fe,pt.prototype.get=Me,pt.prototype.has=He,pt.prototype.set=lt;var vt=pt,ht="__lodash_hash_undefined__";var dt=function(e){return this.__data__.set(e,ht),this};var yt=function(e){return this.__data__.has(e)};function bt(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new ft;++t<r;)this.add(e[t])}bt.prototype.add=bt.prototype.push=dt,bt.prototype.has=yt;var _t=bt;var gt=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1};var mt=function(e,t){return e.has(t)},jt=1,Ot=2;var wt=function(e,t,r,n,o,a){var i=r&jt,u=e.length,c=t.length;if(u!=c&&!(i&&c>u))return!1;var f=a.get(e);if(f&&a.get(t))return f==t;var s=-1,l=!0,p=r&Ot?new _t:void 0;for(a.set(e,t),a.set(t,e);++s<u;){var v=e[s],h=t[s];if(n)var d=i?n(h,v,s,t,e,a):n(v,h,s,e,t,a);if(void 0!==d){if(d)continue;l=!1;break}if(p){if(!gt(t,function(e,t){if(!mt(p,t)&&(v===e||o(v,e,r,n,a)))return p.push(t)})){l=!1;break}}else if(v!==h&&!o(v,h,r,n,a)){l=!1;break}}return a.delete(e),a.delete(t),l},Dt=p.Uint8Array;var Et=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e,n){r[++t]=[n,e]}),r};var St=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e){r[++t]=e}),r},Rt=1,kt=2,xt="[object Boolean]",Pt="[object Date]",Nt="[object Error]",Tt="[object Map]",At="[object Number]",Ct="[object RegExp]",zt="[object Set]",Yt="[object String]",Lt="[object Symbol]",Wt="[object ArrayBuffer]",Ft="[object DataView]",Mt=v?v.prototype:void 0,Ht=Mt?Mt.valueOf:void 0;var It=function(e,t,r,n,o,a,i){switch(r){case Ft:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case Wt:return!(e.byteLength!=t.byteLength||!a(new Dt(e),new Dt(t)));case xt:case Pt:case At:return xe(+e,+t);case Nt:return e.name==t.name&&e.message==t.message;case Ct:case Yt:return e==t+"";case Tt:var u=Et;case zt:var c=n&Rt;if(u||(u=St),e.size!=t.size&&!c)return!1;var f=i.get(e);if(f)return f==t;n|=kt,i.set(e,t);var s=wt(u(e),u(t),n,o,a,i);return i.delete(e),s;case Lt:if(Ht)return Ht.call(e)==Ht.call(t)}return!1};var $t=function(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e};var Ut=function(e,t,r){var n=t(e);return ne(e)?n:$t(n,r(e))};var Vt=function(e,t){for(var r=-1,n=null==e?0:e.length,o=0,a=[];++r<n;){var i=e[r];t(i,r,e)&&(a[o++]=i)}return a};var Bt=function(){return[]},qt=Object.prototype.propertyIsEnumerable,Gt=Object.getOwnPropertySymbols,Jt=Gt?function(e){return null==e?[]:(e=Object(e),Vt(Gt(e),function(t){return qt.call(e,t)}))}:Bt;var Kt=function(e){return Ut(e,Se,Jt)},Qt=1,Xt=Object.prototype.hasOwnProperty;var Zt=function(e,t,r,n,o,a){var i=r&Qt,u=Kt(e),c=u.length;if(c!=Kt(t).length&&!i)return!1;for(var f=c;f--;){var s=u[f];if(!(i?s in t:Xt.call(t,s)))return!1}var l=a.get(e);if(l&&a.get(t))return l==t;var p=!0;a.set(e,t),a.set(t,e);for(var v=i;++f<c;){var h=e[s=u[f]],d=t[s];if(n)var y=i?n(d,h,s,t,e,a):n(h,d,s,e,t,a);if(!(void 0===y?h===d||o(h,d,r,n,a):y)){p=!1;break}v||(v="constructor"==s)}if(p&&!v){var b=e.constructor,_=t.constructor;b!=_&&"constructor"in e&&"constructor"in t&&!("function"==typeof b&&b instanceof b&&"function"==typeof _&&_ instanceof _)&&(p=!1)}return a.delete(e),a.delete(t),p},er=V(p,"DataView"),tr=V(p,"Promise"),rr=V(p,"Set"),nr=V(p,"WeakMap"),or=Y(er),ar=Y(Ie),ir=Y(tr),ur=Y(rr),cr=Y(nr),fr=D;(er&&"[object DataView]"!=fr(new er(new ArrayBuffer(1)))||Ie&&"[object Map]"!=fr(new Ie)||tr&&"[object Promise]"!=fr(tr.resolve())||rr&&"[object Set]"!=fr(new rr)||nr&&"[object WeakMap]"!=fr(new nr))&&(fr=function(e){var t=D(e),r="[object Object]"==t?e.constructor:void 0,n=r?Y(r):"";if(n)switch(n){case or:return"[object DataView]";case ar:return"[object Map]";case ir:return"[object Promise]";case ur:return"[object Set]";case cr:return"[object WeakMap]"}return t});var sr=fr,lr=1,pr="[object Arguments]",vr="[object Array]",hr="[object Object]",dr=Object.prototype.hasOwnProperty;var yr=function(e,t,r,n,o,a){var i=ne(e),u=ne(t),c=i?vr:sr(e),f=u?vr:sr(t),s=(c=c==pr?hr:c)==hr,l=(f=f==pr?hr:f)==hr,p=c==f;if(p&&ae(e)){if(!ae(t))return!1;i=!0,s=!1}if(p&&!s)return a||(a=new vt),i||ye(e)?wt(e,t,r,n,o,a):It(e,t,c,r,n,o,a);if(!(r&lr)){var v=s&&dr.call(e,"__wrapped__"),h=l&&dr.call(t,"__wrapped__");if(v||h){var d=v?e.value():e,y=h?t.value():t;return a||(a=new vt),o(d,y,r,n,a)}}return!!p&&(a||(a=new vt),Zt(e,t,r,n,o,a))};var br=function e(t,r,n,o,a){return t===r||(null==t||null==r||!K(t)&&!K(r)?t!=t&&r!=r:yr(t,r,n,o,e,a))},_r=1,gr=2;var mr=function(e,t,r,n){var o=r.length,a=o,i=!n;if(null==e)return!a;for(e=Object(e);o--;){var u=r[o];if(i&&u[2]?u[1]!==e[u[0]]:!(u[0]in e))return!1}for(;++o<a;){var c=(u=r[o])[0],f=e[c],s=u[1];if(i&&u[2]){if(void 0===f&&!(c in e))return!1}else{var l=new vt;if(n)var p=n(f,s,c,e,t,l);if(!(void 0===p?br(s,f,_r|gr,n,l):p))return!1}}return!0};var jr=function(e){return e==e&&!E(e)};var Or=function(e){for(var t=Se(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,jr(o)]}return t};var wr=function(e,t){return function(r){return null!=r&&r[e]===t&&(void 0!==t||e in Object(r))}};var Dr=function(e){var t=Or(e);return 1==t.length&&t[0][2]?wr(t[0][0],t[0][1]):function(r){return r===e||mr(r,e,t)}},Er="[object Symbol]";var Sr=function(e){return"symbol"==typeof e||K(e)&&D(e)==Er},Rr=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,kr=/^\w*$/;var xr=function(e,t){if(ne(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!Sr(e))||kr.test(e)||!Rr.test(e)||null!=t&&e in Object(t)},Pr="Expected a function";function Nr(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError(Pr);var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],a=r.cache;if(a.has(o))return a.get(o);var i=e.apply(this,n);return r.cache=a.set(o,i)||a,i};return r.cache=new(Nr.Cache||ft),r}Nr.Cache=ft;var Tr=Nr,Ar=500;var Cr=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,zr=/\\(\\)?/g,Yr=function(e){var t=Tr(e,function(e){return r.size===Ar&&r.clear(),e}),r=t.cache;return t}(function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(Cr,function(e,r,n,o){t.push(n?o.replace(zr,"$1"):r||e)}),t});var Lr=function(e,t){for(var r=-1,n=null==e?0:e.length,o=Array(n);++r<n;)o[r]=t(e[r],r,e);return o},Wr=1/0,Fr=v?v.prototype:void 0,Mr=Fr?Fr.toString:void 0;var Hr=function e(t){if("string"==typeof t)return t;if(ne(t))return Lr(t,e)+"";if(Sr(t))return Mr?Mr.call(t):"";var r=t+"";return"0"==r&&1/t==-Wr?"-0":r};var Ir=function(e){return null==e?"":Hr(e)};var $r=function(e,t){return ne(e)?e:xr(e,t)?[e]:Yr(Ir(e))},Ur=1/0;var Vr=function(e){if("string"==typeof e||Sr(e))return e;var t=e+"";return"0"==t&&1/e==-Ur?"-0":t};var Br=function(e,t){for(var r=0,n=(t=$r(t,e)).length;null!=e&&r<n;)e=e[Vr(t[r++])];return r&&r==n?e:void 0};var qr=function(e,t,r){var n=null==e?void 0:Br(e,t);return void 0===n?r:n};var Gr=function(e,t){return null!=e&&t in Object(e)};var Jr=function(e,t,r){for(var n=-1,o=(t=$r(t,e)).length,a=!1;++n<o;){var i=Vr(t[n]);if(!(a=null!=e&&r(e,i)))break;e=e[i]}return a||++n!=o?a:!!(o=null==e?0:e.length)&&se(o)&&ce(i,o)&&(ne(e)||re(e))};var Kr=function(e,t){return null!=e&&Jr(e,t,Gr)},Qr=1,Xr=2;var Zr=function(e,t){return xr(e)&&jr(t)?wr(Vr(e),t):function(r){var n=qr(r,e);return void 0===n&&n===t?Kr(r,e):br(t,n,Qr|Xr)}};var en=function(e){return e};var tn=function(e){return function(t){return null==t?void 0:t[e]}};var rn=function(e){return function(t){return Br(t,e)}};var nn=function(e){return xr(e)?tn(Vr(e)):rn(e)};var on=function(e){return"function"==typeof e?e:null==e?en:"object"==typeof e?ne(e)?Zr(e[0],e[1]):Dr(e):nn(e)};var an=function(e,t){var r={};return t=on(t),Re(e,function(e,n,o){q(r,n,t(e,n,o))}),r};var un=function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)},cn=Math.max;var fn=function(e,t,r){return t=cn(void 0===t?e.length-1:t,0),function(){for(var n=arguments,o=-1,a=cn(n.length-t,0),i=Array(a);++o<a;)i[o]=n[t+o];o=-1;for(var u=Array(t+1);++o<t;)u[o]=n[o];return u[t]=r(i),un(e,this,u)}};var sn=function(e){return function(){return e}},ln=B?function(e,t){return B(e,"toString",{configurable:!0,enumerable:!1,value:sn(t),writable:!0})}:en,pn=800,vn=16,hn=Date.now;var dn=function(e){var t=0,r=0;return function(){var n=hn(),o=vn-(n-r);if(r=n,o>0){if(++t>=pn)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}(ln);var yn=function(e,t){return dn(fn(e,t,en),e+"")};var bn=function(e,t,r){if(!E(r))return!1;var n=typeof t;return!!("number"==n?Ee(r)&&ce(t,r.length):"string"==n&&t in r)&&xe(r[t],e)};var _n=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t},gn=Object.prototype.hasOwnProperty;var mn=function(e){if(!E(e))return _n(e);var t=me(e),r=[];for(var n in e)("constructor"!=n||!t&&gn.call(e,n))&&r.push(n);return r};var jn,On=function(e){return Ee(e)?_e(e,!0):mn(e)},wn=Object.prototype,Dn=wn.hasOwnProperty,En=yn(function(e,t){e=Object(e);var r=-1,n=t.length,o=n>2?t[2]:void 0;for(o&&bn(t[0],t[1],o)&&(n=1);++r<n;)for(var a=t[r],i=On(a),u=-1,c=i.length;++u<c;){var f=i[u],s=e[f];(void 0===s||xe(s,wn[f])&&!Dn.call(e,f))&&(e[f]=a[f])}return e}),Sn={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},Rn="http://bit.ly/wdyr02",kn="http://bit.ly/wdyr3",xn=(t(jn={},Sn.different,"different objects."),t(jn,Sn.deepEquals,"different objects that are equal by value."),t(jn,Sn.date,"different date objects with the same value."),t(jn,Sn.regex,"different regular expressions with the same value."),t(jn,Sn.reactElement,"different React elements with the same displayName."),t(jn,Sn.function,"different functions with the same name."),jn),Pn=!1;function Nn(e){var r=e.Component,n=e.displayName,o=e.hookName,a=e.prefixMessage,i=e.diffObjType,u=e.differences,c=e.values,f=e.options;u&&u.length>0?(f.consoleLog(t({},n,r),"".concat(a," of ").concat(i," changes:")),u.forEach(function(e){var r=e.pathString,n=e.diffType,a=e.prevValue,u=e.nextValue;f.consoleGroup("%c".concat("hook"===i?"[hook ".concat(o," result]"):"".concat(i,"."),"%c").concat(r,"%c"),"color:".concat(f.diffNameColor,";"),"color:".concat(f.diffPathColor,";"),"color:default;"),f.consoleLog("".concat(xn[n]," (more info at ").concat(o?kn:Rn,")")),f.consoleLog(t({},"prev ".concat(r),a),"!==",t({},"next ".concat(r),u)),f.consoleGroupEnd()})):u&&(f.consoleLog(t({},n,r),"".concat(a," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(Rn)),f.consoleLog("prev ".concat(i,":"),c.prev," !== ",c.next,":next ".concat(i)))}function Tn(e){var r=e.Component,n=e.displayName,o=e.hookName,a=e.prevProps,i=e.prevState,u=e.prevHook,c=e.nextProps,f=e.nextState,s=e.nextHook,l=e.reason,p=e.options;if(function(e,t,r){return!(Pn||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===Sn.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===Sn.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===Sn.different})))}(l,r,p)){p.consoleGroup("%c".concat(n),"color: ".concat(p.titleColor,";"));var v="Re-rendered because";l.propsDifferences&&(Nn({Component:r,displayName:n,prefixMessage:v,diffObjType:"props",differences:l.propsDifferences,values:{prev:a,next:c},options:p}),v="And because"),l.stateDifferences&&Nn({Component:r,displayName:n,prefixMessage:v,diffObjType:"state",differences:l.stateDifferences,values:{prev:i,next:f},options:p}),l.hookDifferences&&Nn({Component:r,displayName:n,prefixMessage:v,diffObjType:"hook",differences:l.hookDifferences,values:{prev:u,next:s},hookName:o,options:p}),l.propsDifferences||l.stateDifferences||l.hookDifferences||p.consoleLog(t({},n,r),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(Rn)),p.consoleGroupEnd()}}var An=function(){};function Cn(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=console.group,o=console.groupEnd;return t.collapseGroups?n=console.groupCollapsed:t.onlyLogs&&(n=console.log,o=An),r({include:null,exclude:null,notifier:t.notifier||((e=t.hasOwnProperty("hotReloadBufferMs")?t.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(Pn=!0,setTimeout(function(){Pn=!1},e))}),Tn),onlyLogs:!1,consoleLog:console.log,consoleGroup:n,consoleGroupEnd:o,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},t)}var zn="[object String]";var Yn=function(e){return"string"==typeof e||!ne(e)&&K(e)&&D(e)==zn};function Ln(e){return e.displayName||e.name||e.type&&Ln(e.type)||(Yn(e)?e:void 0)}var Wn=function(e,t,r,n){var o=-1,a=null==e?0:e.length;for(n&&a&&(r=e[++o]);++o<a;)r=t(r,e[o],o,e);return r};var Fn=function(e,t){return function(r,n){if(null==r)return r;if(!Ee(r))return e(r,n);for(var o=r.length,a=t?o:-1,i=Object(r);(t?a--:++a<o)&&!1!==n(i[a],a,i););return r}}(Re);var Mn=function(e,t,r,n,o){return o(e,function(e,o,a){r=n?(n=!1,e):t(r,e,o,a)}),r};var Hn=function(e,t,r){var n=ne(e)?Wn:Mn,o=arguments.length<3;return n(e,on(t),r,o,Fn)},In=Object.prototype.hasOwnProperty;var $n=function(e,t){return null!=e&&In.call(e,t)};var Un=function(e,t){return null!=e&&Jr(e,t,$n)},Vn="[object RegExp]";var Bn=function(e){return K(e)&&D(e)==Vn},qn=he&&he.isRegExp,Gn=qn?ve(qn):Bn,Jn="[object Date]";var Kn=function(e){return K(e)&&D(e)==Jn},Qn=he&&he.isDate,Xn=Qn?ve(Qn):Kn,Zn=je(Object.getPrototypeOf,Object),eo="[object Object]",to=Function.prototype,ro=Object.prototype,no=to.toString,oo=ro.hasOwnProperty,ao=no.call(Object);var io=function(e){if(!K(e)||D(e)!=eo)return!1;var t=Zn(e);if(null===t)return!0;var r=oo.call(t,"constructor")&&t.constructor;return"function"==typeof r&&r instanceof r&&no.call(r)==ao},uo="undefined"!=typeof Element,co="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,fo=function(e){return e.$$typeof===co};function so(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==Sn.different}function lo(e,t,r){try{var n=[];return function e(t,r,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return so(t,r,n,o,Sn.different);if(ne(t)&&ne(r)){var a=t.length;if(a!==r.length)return so(t,r,n,o,Sn.different);for(var i=!0,u=a;0!=u--;)e(t[u],r[u],n,"".concat(o,"[").concat(u,"]"))||(i=!1);return so(t,r,n,o,i?Sn.deepEquals:Sn.different)}if(Xn(t)&&Xn(r))return t.getTime()===r.getTime()?so(t,r,n,o,Sn.date):so(t,r,n,o,Sn.different);if(Gn(t)&&Gn(r))return t.toString()===r.toString()?so(t,r,n,o,Sn.regex):so(t,r,n,o,Sn.different);if(uo&&t instanceof Element&&r instanceof Element)return so(t,r,n,o,Sn.different);if(fo(t)&&fo(r))return t.type!==r.type?so(t,r,n,o,Sn.different):so(t,r,n,o,e(t.props,r.props,n,"".concat(o,".props"))?Sn.reactElement:Sn.different);if(N(t)&&N(r))return t.name===r.name?so(t,r,n,o,Sn.function):so(t,r,n,o,Sn.different);if(io(t)&&io(r)){var c=Se(t),f=c.length;if(f!==Se(r).length)return so(t,r,n,o,Sn.different);for(var s=f;0!=s--;)if(!Un(r,c[s]))return so(t,r,n,o,Sn.different);for(var l=!0,p=f;0!=p--;){var v=c[p];e(t[v],r[v],n,"".concat(o,".").concat(v))||(l=!1)}return so(t,r,n,o,l?Sn.deepEquals:Sn.different)}return so(t,r,n,o,Sn.different)}(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var po={};function vo(e,t){var n=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===t)return!1;if(!(void 0===n||n))return lo(e,t);var o=e||po,a=t||po,i=Object.keys(r({},o,a));return Hn(i,function(e,t){var r=lo(o[t],a[t],t);return r&&(e=[].concat(u(e),u(r))),e},[])}function ho(e,t,r,n,o,a){return{propsDifferences:vo(e,n),stateDifferences:vo(t,o),hookDifferences:vo(r,a,{shallow:!1})}}function yo(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,u=e.nextProps,c=e.nextState,f=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:i,nextProps:u,nextState:c,nextHook:f,options:e.options,reason:ho(o,a,i,u,c,f)}}function bo(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var _o=2;var go="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function mo(t,r,u,c){var f=function(u){function f(e,r){var o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,f),(o=function(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?a(e):t}(this,n(f).call(this,e,r)))._WDYR={renderNumber:0};var u=i(n(f.prototype),"render",a(o))||o.render;return u!==t.prototype.render&&(o.render=function(){return f.prototype.render.apply(a(o)),u()}),o}var s,l,p;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}(f,t),s=f,(l=[{key:"render",value:function(){return this._WDYR.renderNumber++,"isStrictMode"in this._WDYR||(this._WDYR.isStrictMode=function(e){for(var t=e._reactInternalFiber;null!==t;){if(t.mode&_o)return!0;t=t.return}return!1}(this)),this._WDYR.isStrictMode&&this._WDYR.renderNumber%2==1||(this._WDYR.prevProps&&c.notifier(yo({Component:t,displayName:r,prevProps:this._WDYR.prevProps,prevState:this._WDYR.prevState,nextProps:this.props,nextState:this.state,options:c})),this._WDYR.prevProps=this.props,this._WDYR.prevState=this.state),i(n(f.prototype),"render",this)?i(n(f.prototype),"render",this).call(this):null}}])&&e(s.prototype,l),p&&e(s,p),f}();return f.displayName=r,En(f,t),f}function jo(e,t,r,n,o){return t.$$typeof===go?function(e,t,r,n){var o=e.type;function a(a){var i=r.useRef(),u=i.current;if(i.current=a,u){var c=yo({Component:e,displayName:t,prevProps:u,nextProps:a,options:n});c.reason.propsDifferences&&c.reason.propsDifferences.length>0&&n.notifier(c)}return o(a)}a.displayName=Ln(o),a.ComponentForHooksTracking=e,En(a,o);var i=r.memo(a,e.compare);return i.displayName=t,En(i,e),i}(t,r,n,o):t.prototype&&t.prototype.isReactComponent?mo(t,r,0,o):function(e,t,r,n){function o(o){var a=r.useRef(),i=a.current;if(a.current=o,i){var u=yo({Component:e,displayName:t,prevProps:i,nextProps:o,options:n});u.reason.propsDifferences&&n.notifier(u)}return e(o)}return o.displayName=t,o.ComponentForHooksTracking=e,En(o,e),o}(t,r,n,o)}var Oo={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function wo(e,t){var n,o=Cn(t),a=e.createElement,i=e.createFactory,u=new WeakMap;if(e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===go)&&bo(t,Ln(t),o),n=arguments.length,i=new Array(n>1?n-1:0),c=1;c<n;c++)i[c-1]=arguments[c];if(!r)return a.apply(e,[t].concat(i));var f=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||Ln(t),s=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=jo(0,t,r,n,o);return e.set(t,a),a}(u,t,f,e,o);return a.apply(e,[s].concat(i))},Object.assign(e.createElement,a),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),o.trackHooks){var c=an(Oo,function(t,r){return function(){var a=n[r];if(!a)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var i=a.apply(void 0,arguments);return t&&function(e,t,r,n,o){var a=t.path,i=r,u=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current;if(!u)return i;var c=u.type.ComponentForHooksTracking||u.type,f=Ln(c);if(!bo(c,f,o))return i;var s=n.useRef(),l=s.current;if(s.current=i,l){var p=yo({Component:c,displayName:f,hookName:e,prevHook:a?qr(l,a):l,nextHook:a?qr(i,a):i,options:o});p.reason.hookDifferences&&o.notifier(p)}s.current}(r,!0===t?{}:t,i,e,o),i}});Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){n=e&&r({},e,e.origHooks)},get:function(){return n&&r({},n,c,{origHooks:n})}})}return e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:a,createFactory:i}),u=null,Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0,value:n}),delete e.__REVERT_WHY_DID_YOU_RENDER__},e}return wo.defaultNotifier=Tn,wo});
 //# sourceMappingURL=whyDidYouRender.min.js.map

package.json

 {
   "name": "@welldone-software/why-did-you-render",
-  "version": "3.0.11",
+  "version": "3.1.0",
   "description": "Monkey patches React to notify you about avoidable re-renders.",
@@ -75,3 +75,2 @@ "main": "dist/cjs/whyDidYouRender.min.js",
     "react-redux": "^7.0.3",
-    "react-test-renderer": "^16.8.6",
     "redux": "^4.0.1",
@@ -78,0 +77,0 @@ "rimraf": "^2.6.3",

src/index.hooks.test.js

 import React, {useState, useLayoutEffect} from 'react'
-import TestRenderer from 'react-test-renderer'
+import * as rtl from '@testing-library/react'
 import whyDidYouRender from './index'
@@ -31,6 +31,6 @@ import {diffTypes} from './consts'
 
-      const testRenderer = TestRenderer.create(
+      const {rerender} = rtl.render(
         <ComponentWithHooks a={1}/>
       )
-      testRenderer.update(
+      rerender(
         <ComponentWithHooks a={2}/>
@@ -41,3 +41,2 @@ )
     })
-
     test('track component', () => {
@@ -54,6 +53,6 @@ const ComponentWithHooks = ({a}) => {
 
-      const testRenderer = TestRenderer.create(
+      const {rerender} = rtl.render(
         <ComponentWithHooks a={1}/>
       )
-      testRenderer.update(
+      rerender(
         <ComponentWithHooks a={2}/>
@@ -93,3 +92,3 @@ )
 
-      TestRenderer.create(
+      rtl.render(
         <ComponentWithHooks a={1}/>
@@ -140,3 +139,3 @@ )
 
-    TestRenderer.create(
+    rtl.render(
       <ComponentWithHooks a={1}/>
@@ -159,6 +158,6 @@ )
 
-      const testRenderer = TestRenderer.create(
+      const {rerender} = rtl.render(
         <ComponentWithHooks a={1}/>
       )
-      testRenderer.update(
+      rerender(
         <ComponentWithHooks a={2}/>
@@ -181,6 +180,6 @@ )
 
-      const testRenderer = TestRenderer.create(
+      const {rerender} = rtl.render(
         <ComponentWithHooks a={1}/>
       )
-      testRenderer.update(
+      rerender(
         <ComponentWithHooks a={2}/>
@@ -213,6 +212,6 @@ )
 
-      const testRenderer = TestRenderer.create(
+      const {rerender} = rtl.render(
         <ComponentWithHooks a={1}/>
       )
-      testRenderer.update(
+      rerender(
         <ComponentWithHooks a={2}/>
@@ -256,3 +255,3 @@ )
 
-      TestRenderer.create(
+      rtl.render(
         <ComponentWithHooks a={1}/>
@@ -280,3 +279,3 @@ )
 
-      TestRenderer.create(
+      rtl.render(
         <ComponentWithHooks a={1}/>
@@ -313,3 +312,3 @@ )
 
-      TestRenderer.create(
+      rtl.render(
         <ComponentWithHooks a={1}/>
@@ -354,3 +353,3 @@ )
 
-      TestRenderer.create(
+      rtl.render(
         <ComponentWithHooks a={1}/>
@@ -427,3 +426,3 @@ )
 
-      TestRenderer.create(
+      rtl.render(
         <ComponentWithHooks a={1}/>
@@ -470,3 +469,3 @@ )
 
-      TestRenderer.create(
+      rtl.render(
         <ComponentWithHooks a={1}/>
@@ -502,3 +501,3 @@ )
 
-      TestRenderer.create(
+      rtl.render(
         <ComponentWithHooks a={1}/>
@@ -551,3 +550,3 @@ )
 
-      TestRenderer.create(
+      rtl.render(
         <OuterComponent/>
@@ -587,3 +586,3 @@ )
 
-      TestRenderer.create(
+      rtl.render(
         <OuterComponent/>
@@ -633,3 +632,3 @@ )
 
-      TestRenderer.create(
+      rtl.render(
         <OuterComponent/>
@@ -668,6 +667,6 @@ )
 
-      const testRenderer = TestRenderer.create(
+      const {rerender} = rtl.render(
         <ComponentWithHooks a={1}/>
       )
-      testRenderer.update(
+      rerender(
         <ComponentWithHooks a={1}/>
@@ -694,6 +693,6 @@ )
 
-      const testRenderer = TestRenderer.create(
+      const {rerender} = rtl.render(
         <ComponentWithHooks a={1}/>
       )
-      testRenderer.update(
+      rerender(
         <ComponentWithHooks a={1}/>
@@ -732,6 +731,6 @@ )
 
-      const testRenderer = TestRenderer.create(
+      const {rerender} = rtl.render(
         <ComponentWithHooks a={1}/>
       )
-      testRenderer.update(
+      rerender(
         <ComponentWithHooks a={1}/>
@@ -738,0 +737,0 @@ )

src/index.test.js

 /* eslint-disable no-console */
 import React from 'react'
-import TestRenderer from 'react-test-renderer'
+import * as rtl from '@testing-library/react'
 import createReactClass from 'create-react-class'
@@ -26,2 +26,9 @@ import whyDidYouRender from './index'
 
+class PureTestComponent extends React.PureComponent{
+  static whyDidYouRender = true
+  render(){
+    return <div>hi!</div>
+  }
+}
+
 const createStateTestComponent = (initialState, newState) => {
@@ -54,6 +61,6 @@ return class StateTestComponent extends React.Component{
   test('Empty props and state', () => {
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       <TestComponent/>
     )
-    testRenderer.update(
+    rerender(
       <TestComponent/>
@@ -71,6 +78,6 @@ )
   test('Same props', () => {
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       <TestComponent a={1}/>
     )
-    testRenderer.update(
+    rerender(
       <TestComponent a={1}/>
@@ -89,3 +96,3 @@ )
     const StateTestComponent = createStateTestComponent({a: 1}, {a: 1})
-    TestRenderer.create(
+    rtl.render(
       <StateTestComponent/>
@@ -106,6 +113,6 @@ )
   test('Props change', () => {
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       <TestComponent a={1}/>
     )
-    testRenderer.update(
+    rerender(
       <TestComponent a={2}/>
@@ -133,6 +140,6 @@ )
 
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       <InlineComponent a={1}/>
     )
-    testRenderer.update(
+    rerender(
       <InlineComponent a={2}/>
@@ -166,6 +173,6 @@ )
 
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       <OwnTestComponent a={1}/>
     )
-    testRenderer.update(
+    rerender(
       <OwnTestComponent a={2}/>
@@ -188,3 +195,3 @@ )
 
-  test('With render as a binded function', () => {
+  test('With render as an arrow function', () => {
     class OwnTestComponent extends React.Component{
@@ -200,3 +207,3 @@ static whyDidYouRender = true
 
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       <OwnTestComponent a={1}/>
@@ -216,3 +223,3 @@ )
 
-    testRenderer.update(
+    rerender(
       <OwnTestComponent a={2}/>
@@ -235,2 +242,50 @@ )
 
+  test('With render as a binded function', () => {
+    class OwnTestComponent extends React.Component{
+      static whyDidYouRender = true
+      constructor(props, context){
+        super(props, context)
+        this.render = this.render.bind(this)
+      }
+      componentDidMount(){
+        this.setState({c: 'c'})
+      }
+      render(){
+        return <div>hi!</div>
+      }
+    }
+
+    const {rerender} = rtl.render(
+      <OwnTestComponent a={1}/>
+    )
+
+    expect(updateInfos[0].reason).toEqual({
+      propsDifferences: false,
+      stateDifferences: [{
+        diffType: diffTypes.different,
+        nextValue: 'c',
+        pathString: 'c',
+        prevValue: undefined
+      }],
+      hookDifferences: false
+    })
+
+    rerender(
+      <OwnTestComponent a={2}/>
+    )
+
+    expect(updateInfos[1].reason).toEqual({
+      propsDifferences: [{
+        pathString: 'a',
+        diffType: diffTypes.different,
+        prevValue: 1,
+        nextValue: 2
+      }],
+      stateDifferences: false,
+      hookDifferences: false
+    })
+
+    expect(updateInfos).toHaveLength(2)
+  })
+
   it('With implemented "componentDidUpdate()" with a snapshot - not tracked', () => {
@@ -250,6 +305,6 @@ let resolve = false
 
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       <OwnTestComponent a={1}/>
     )
-    testRenderer.update(
+    rerender(
       <OwnTestComponent a={1}/>
@@ -277,6 +332,6 @@ )
 
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       <OwnTestComponent a={1}/>
     )
-    testRenderer.update(
+    rerender(
       <OwnTestComponent a={1}/>
@@ -299,6 +354,6 @@ )
 
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       <CreateReactClassComponent a={1}/>
     )
-    testRenderer.update(
+    rerender(
       <CreateReactClassComponent a={2}/>
@@ -334,6 +389,6 @@ )
 
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       <CreateReactClassComponent a={1}/>
     )
-    testRenderer.update(
+    rerender(
       <CreateReactClassComponent a={2}/>
@@ -359,6 +414,6 @@ )
 
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       TestComponentElementCreator({a: 1})
     )
-    testRenderer.update(
+    rerender(
       TestComponentElementCreator({a: 1})
@@ -380,4 +435,4 @@ )
 
-    const testRenderer = TestRenderer.create(testElement)
-    testRenderer.update(testElement2)
+    const {rerender} = rtl.render(testElement)
+    rerender(testElement2)
 
@@ -393,3 +448,3 @@ expect(updateInfos).toHaveLength(1)
   test('Several class components', () => {
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       <>
@@ -402,3 +457,3 @@ <TestComponent/>
 
-    testRenderer.update(
+    rerender(
       <>
@@ -438,3 +493,3 @@ <TestComponent/>
   test('Several functional components', () => {
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       <>
@@ -447,3 +502,3 @@ <FunctionalTestComponent/>
 
-    testRenderer.update(
+    rerender(
       <>
@@ -483,6 +538,6 @@ <FunctionalTestComponent/>
   test('Component memoized with React.memo', () => {
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       <ReactMemoTestComponent a={1}/>
     )
-    testRenderer.update(
+    rerender(
       <ReactMemoTestComponent a={2}/>
@@ -505,6 +560,6 @@ )
   test('Component memoized with React.memo - no change', () => {
-    const testRenderer = TestRenderer.create(
+    const {rerender} = rtl.render(
       <ReactMemoTestComponent a={1}/>
     )
-    testRenderer.update(
+    rerender(
       <ReactMemoTestComponent a={1}/>
@@ -516,18 +571,130 @@ )
 
-  test('Strict mode- no props change', () => {
-    const Main = props => (
-      <React.StrictMode>
-        <FunctionalTestComponent {...props}/>
-      </React.StrictMode>
+  test('Strict mode- functional component no props change', () => {
+    const Main = props => {
+      return (
+        <React.StrictMode>
+          <div>
+            <FunctionalTestComponent {...props}/>
+          </div>
+        </React.StrictMode>
+      )
+    }
+    const {rerender} = rtl.render(
+      <Main a={1}/>
     )
-    const testRenderer = TestRenderer.create(
+
+    rerender(
       <Main a={1}/>
     )
 
-    testRenderer.update(
+    expect(updateInfos).toHaveLength(1)
+    expect(updateInfos[0].reason).toEqual({
+      propsDifferences: [],
+      stateDifferences: false,
+      hookDifferences: false
+    })
+  })
+
+  test('Strict mode- functional component with props change', () => {
+    const Main = props => {
+      return (
+        <React.StrictMode>
+          <div>
+            <FunctionalTestComponent {...props}/>
+          </div>
+        </React.StrictMode>
+      )
+    }
+    const {rerender} = rtl.render(
+      <Main a={[]}/>
+    )
+
+    rerender(
+      <Main a={[]}/>
+    )
+
+    expect(updateInfos).toHaveLength(1)
+    expect(updateInfos[0].reason).toEqual({
+      propsDifferences: [{
+        diffType: diffTypes.deepEquals,
+        pathString: 'a',
+        prevValue: [],
+        nextValue: []
+      }],
+      stateDifferences: false,
+      hookDifferences: false
+    })
+  })
+
+  test('Strict mode- memoized functional component with no props change', () => {
+    const Main = props => {
+      return (
+        <React.StrictMode>
+          <div>
+            <ReactMemoTestComponent {...props}/>
+          </div>
+        </React.StrictMode>
+      )
+    }
+    const {rerender} = rtl.render(
       <Main a={1}/>
     )
 
+    rerender(
+      <Main a={1}/>
+    )
+
+    expect(updateInfos).toHaveLength(0)
+  })
+
+  test('Strict mode- memoized functional component with props change', () => {
+    const Main = props => {
+      return (
+        <React.StrictMode>
+          <div>
+            <ReactMemoTestComponent {...props}/>
+          </div>
+        </React.StrictMode>
+      )
+    }
+    const {rerender} = rtl.render(
+      <Main a={1} b={[]}/>
+    )
+
+    rerender(
+      <Main a={1} b={[]}/>
+    )
+
     expect(updateInfos).toHaveLength(1)
     expect(updateInfos[0].reason).toEqual({
+      propsDifferences: [{
+        diffType: diffTypes.deepEquals,
+        prevValue: [],
+        nextValue: [],
+        pathString: 'b'
+      }],
+      stateDifferences: false,
+      hookDifferences: false
+    })
+  })
+
+  test('Strict mode- class component no props change', () => {
+    const {rerender} = rtl.render(
+      <React.StrictMode>
+        <div>
+          <TestComponent a={1}/>
+        </div>
+      </React.StrictMode>
+    )
+
+    rerender(
+      <React.StrictMode>
+        <div>
+          <TestComponent a={1}/>
+        </div>
+      </React.StrictMode>
+    )
+
+    expect(updateInfos).toHaveLength(1)
+    expect(updateInfos[0].reason).toEqual({
       propsDifferences: [],
@@ -539,41 +706,85 @@ stateDifferences: false,
 
-  test('Strict mode- props change', () => {
-    const Main = props => (
+  test('Strict mode- class component props change', () => {
+    const {rerender} = rtl.render(
       <React.StrictMode>
-        <TestComponent {...props}/>
+        <div>
+          <TestComponent a={[]}/>
+        </div>
       </React.StrictMode>
     )
 
-    const testRenderer = TestRenderer.create(
-      <Main a={{b: 'c'}}/>
+    rerender(
+      <React.StrictMode>
+        <div>
+          <TestComponent a={[]}/>
+        </div>
+      </React.StrictMode>
     )
 
-    testRenderer.update(
-      <Main a={{b: 'd'}}/>
+    expect(updateInfos).toHaveLength(1)
+    expect(updateInfos[0].reason).toEqual({
+      propsDifferences: [
+        {
+          pathString: 'a',
+          diffType: diffTypes.deepEquals,
+          prevValue: [],
+          nextValue: []
+        }
+      ],
+      stateDifferences: false,
+      hookDifferences: false
+    })
+  })
+
+  test('Strict mode- pure class component no props change', () => {
+    const {rerender} = rtl.render(
+      <React.StrictMode>
+        <div>
+          <PureTestComponent a={1}/>
+        </div>
+      </React.StrictMode>
     )
 
-    return Promise.resolve()
-      .then(() => {
-        expect(updateInfos).toHaveLength(1)
-        expect(updateInfos[0].reason).toEqual({
-          propsDifferences: [
-            {
-              pathString: 'a.b',
-              diffType: diffTypes.different,
-              prevValue: 'c',
-              nextValue: 'd'
-            },
-            {
-              pathString: 'a',
-              diffType: diffTypes.different,
-              prevValue: {b: 'c'},
-              nextValue: {b: 'd'}
-            }
-          ],
-          stateDifferences: false,
-          hookDifferences: false
-        })
-      })
+    rerender(
+      <React.StrictMode>
+        <div>
+          <PureTestComponent a={1}/>
+        </div>
+      </React.StrictMode>
+    )
 
+    expect(updateInfos).toHaveLength(0)
   })
+
+  test('Strict mode- pure class component props change', () => {
+    const {rerender} = rtl.render(
+      <React.StrictMode>
+        <div>
+          <PureTestComponent a={[]}/>
+        </div>
+      </React.StrictMode>
+    )
+
+    rerender(
+      <React.StrictMode>
+        <div>
+          <PureTestComponent a={[]}/>
+        </div>
+      </React.StrictMode>
+    )
+
+    expect(updateInfos).toHaveLength(1)
+    expect(updateInfos[0].reason).toEqual({
+      propsDifferences: [
+        {
+          pathString: 'a',
+          diffType: diffTypes.deepEquals,
+          prevValue: [],
+          nextValue: []
+        }
+      ],
+      stateDifferences: false,
+      hookDifferences: false
+    })
+  })
 })

src/whyDidYouRender.js

@@ -7,2 +7,3 @@ import {defaults, get, mapValues} from 'lodash'
 import shouldTrack from './shouldTrack'
+import {checkIfInsideAStrictModeTree} from './utils'
 
@@ -16,5 +17,11 @@ const hasSymbol = typeof Symbol === 'function' && Symbol.for
       super(props, context)
-      const renderIsAnArrowFunction = this.render && !ClassComponent.prototype.render
-      if(renderIsAnArrowFunction){
-        const origRender = this.render
+
+      this._WDYR = {
+        renderNumber: 0
+      }
+
+      const origRender = super.render || this.render
+      // this probably means render is an arrow function or this.render.bind(this) was called on the original class
+      const renderIsABindedFunction = origRender !== ClassComponent.prototype.render
+      if(renderIsABindedFunction){
         this.render = () => {
@@ -27,18 +34,27 @@ WDYRPatchedClassComponent.prototype.render.apply(this)
     render(){
-      if(this._prevProps){
-        options.notifier(getUpdateInfo({
-          Component: ClassComponent,
-          displayName,
-          prevProps: this._prevProps,
-          prevState: this._prevState,
-          nextProps: this.props,
-          nextState: this.state,
-          options
-        }))
+      this._WDYR.renderNumber++
+
+      if(!('isStrictMode' in this._WDYR)){
+        this._WDYR.isStrictMode = checkIfInsideAStrictModeTree(this)
       }
 
-      this._prevProps = this.props
-      this._prevState = this.state
+      // in strict mode- ignore every other render
+      if(!(this._WDYR.isStrictMode && this._WDYR.renderNumber % 2 === 1)){
+        if(this._WDYR.prevProps){
+          options.notifier(getUpdateInfo({
+            Component: ClassComponent,
+            displayName,
+            prevProps: this._WDYR.prevProps,
+            prevState: this._WDYR.prevState,
+            nextProps: this.props,
+            nextState: this.state,
+            options
+          }))
+        }
 
-      return super.render && super.render()
+        this._WDYR.prevProps = this.props
+        this._WDYR.prevState = this.state
+      }
+
+      return super.render ? super.render() : null
     }
@@ -45,0 +61,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

1137860

increased by2.49%

Dev dependency count

41

decreased by-2.38%

Number of package files

43

increased by4.88%

Lines of code

14727

increased by2.93%

No dependency changes