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

Comparing version 3.3.3 to 3.3.4

dist/cjs/whyDidYouRender.js

 /**
- * @welldone-software/why-did-you-render 3.3.3
+ * @welldone-software/why-did-you-render 3.3.4
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-08-13
+ * Generated at 2019-09-13
  */
@@ -199,5 +199,5 @@
   'reactElement': 'reactElement',
-  'function': 'function' // copied from packages/shared/ReactSymbols.js in https://github.com/facebook/react
+  'function': 'function'
+}; // copied from packages/shared/ReactSymbols.js in https://github.com/facebook/react
 
-};
 var hasSymbol = typeof Symbol === 'function' && Symbol["for"];
@@ -616,2 +616,11 @@ var REACT_MEMO_TYPE = hasSymbol ? Symbol["for"]('react.memo') : 0xead3;
 }
+function isReactClassComponent(Component) {
+  return Component.prototype && !!Component.prototype.isReactComponent;
+}
+function isMemoComponent(Component) {
+  return Component.$$typeof === REACT_MEMO_TYPE;
+}
+function isForwardRefComponent(Component) {
+  return Component.$$typeof === REACT_FORWARD_REF_TYPE;
+}
 
@@ -690,4 +699,5 @@ function patchClassComponent(ClassComponent, displayName, React, options) {
 
-function patchFunctionalComponent(FunctionalComponent, displayName, React, options) {
-  function WDYRFunctionalComponent(nextProps) {
+function patchFunctionalComponent(FunctionalComponent, isPure, displayName, React, options) {
+  function WDYRFunctionalComponent() {
+    var nextProps = arguments[0];
     var ref = React.useRef();
@@ -698,3 +708,3 @@ var prevProps = ref.current;
     if (prevProps) {
-      var notification = getUpdateInfo({
+      var updateInfo = getUpdateInfo({
         Component: FunctionalComponent,
@@ -705,11 +715,11 @@ displayName: displayName,
         options: options
-      }); // if a functional component re-rendered without a props change
-      // it was probably caused by a hook and we should not care about it
+      });
+      var shouldNotify = updateInfo.reason.propsDifferences && !(isPure && updateInfo.reason.propsDifferences.length === 0);
 
-      if (notification.reason.propsDifferences) {
-        options.notifier(notification);
+      if (shouldNotify) {
+        options.notifier(updateInfo);
       }
     }
 
-    return FunctionalComponent(nextProps);
+    return FunctionalComponent.apply(void 0, arguments);
   }
@@ -727,35 +737,12 @@
   var InnerMemoComponent = MemoComponent.type;
-  var isInnerMemoComponentForwardRefs = InnerMemoComponent.$$typeof === REACT_FORWARD_REF_TYPE;
+  var isInnerMemoComponentAClassComponent = isReactClassComponent(InnerMemoComponent);
+  var isInnerMemoComponentForwardRefs = isForwardRefComponent(InnerMemoComponent);
   var WrappedFunctionalComponent = isInnerMemoComponentForwardRefs ? InnerMemoComponent.render : InnerMemoComponent;
+  var PatchedInnerComponent = isInnerMemoComponentAClassComponent ? patchClassComponent(WrappedFunctionalComponent, displayName, React, options) : patchFunctionalComponent(WrappedFunctionalComponent, true, displayName, React, options);
+  PatchedInnerComponent.displayName = getDisplayName(WrappedFunctionalComponent);
+  PatchedInnerComponent.ComponentForHooksTracking = MemoComponent;
 
-  function WDYRWrappedByMemoFunctionalComponent() {
-    var nextProps = arguments[0];
-    var ref = React.useRef();
-    var prevProps = ref.current;
-    ref.current = nextProps;
+  _defaults(PatchedInnerComponent, WrappedFunctionalComponent);
 
-    if (prevProps) {
-      var notification = getUpdateInfo({
-        Component: MemoComponent,
-        displayName: displayName,
-        prevProps: prevProps,
-        nextProps: nextProps,
-        options: options
-      }); // if a memoized functional component re-rendered without props change / prop values change
-      // it was probably caused by a hook and we should not care about it
-
-      if (notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0) {
-        options.notifier(notification);
-      }
-    }
-
-    return WrappedFunctionalComponent.apply(void 0, arguments);
-  }
-
-  WDYRWrappedByMemoFunctionalComponent.displayName = getDisplayName(WrappedFunctionalComponent);
-  WDYRWrappedByMemoFunctionalComponent.ComponentForHooksTracking = MemoComponent;
-
-  _defaults(WDYRWrappedByMemoFunctionalComponent, WrappedFunctionalComponent);
-
-  var WDYRMemoizedFunctionalComponent = React.memo(isInnerMemoComponentForwardRefs ? React.forwardRef(WDYRWrappedByMemoFunctionalComponent) : WDYRWrappedByMemoFunctionalComponent, MemoComponent.compare);
+  var WDYRMemoizedFunctionalComponent = React.memo(isInnerMemoComponentForwardRefs ? React.forwardRef(PatchedInnerComponent) : PatchedInnerComponent, MemoComponent.compare);
   WDYRMemoizedFunctionalComponent.displayName = displayName;
@@ -770,29 +757,5 @@
   var InnerForwardRefComponent = ForwardRefComponent.render;
-  var isInnerComponentMemoized = InnerForwardRefComponent.$$typeof === REACT_MEMO_TYPE;
+  var isInnerComponentMemoized = isMemoComponent(InnerForwardRefComponent);
   var WrappedFunctionalComponent = isInnerComponentMemoized ? InnerForwardRefComponent.type : InnerForwardRefComponent;
-
-  function WDYRWrappedByReactForwardRefFunctionalComponent() {
-    var nextProps = arguments[0];
-    var ref = React.useRef();
-    var prevProps = ref.current;
-    ref.current = nextProps;
-
-    if (prevProps) {
-      var notification = getUpdateInfo({
-        Component: ForwardRefComponent,
-        displayName: displayName,
-        prevProps: prevProps,
-        nextProps: nextProps,
-        options: options
-      }); // if a memoized functional component re-rendered without props change / prop values change
-      // it was probably caused by a hook and we should not care about it
-
-      if (notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0) {
-        options.notifier(notification);
-      }
-    }
-
-    return WrappedFunctionalComponent.apply(void 0, arguments);
-  }
-
+  var WDYRWrappedByReactForwardRefFunctionalComponent = patchFunctionalComponent(WrappedFunctionalComponent, isInnerComponentMemoized, displayName, React, options);
   WDYRWrappedByReactForwardRefFunctionalComponent.displayName = getDisplayName(WrappedFunctionalComponent);
@@ -851,15 +814,15 @@ WDYRWrappedByReactForwardRefFunctionalComponent.ComponentForHooksTracking = WrappedFunctionalComponent;
 function createPatchedComponent(componentsMap, Component, displayName, React, options) {
-  if (Component.$$typeof === REACT_MEMO_TYPE) {
+  if (isMemoComponent(Component)) {
     return patchMemoComponent(Component, displayName, React, options);
   }
 
-  if (Component.$$typeof === REACT_FORWARD_REF_TYPE) {
+  if (isForwardRefComponent(Component)) {
     return patchForwardRefComponent(Component, displayName, React, options);
   }
 
-  if (Component.prototype && Component.prototype.isReactComponent) {
+  if (isReactClassComponent(Component)) {
     return patchClassComponent(Component, displayName, React, options);
   }
 
-  return patchFunctionalComponent(Component, displayName, React, options);
+  return patchFunctionalComponent(Component, false, displayName, React, options);
 }
@@ -903,3 +866,3 @@
     try {
-      isShouldTrack = (typeof componentNameOrComponent === 'function' || componentNameOrComponent.$$typeof === REACT_MEMO_TYPE || componentNameOrComponent.$$typeof === REACT_FORWARD_REF_TYPE) && shouldTrack(componentNameOrComponent, getDisplayName(componentNameOrComponent), options);
+      isShouldTrack = (typeof componentNameOrComponent === 'function' || isMemoComponent(componentNameOrComponent) || isForwardRefComponent(componentNameOrComponent)) && shouldTrack(componentNameOrComponent, getDisplayName(componentNameOrComponent), options);
 
@@ -906,0 +869,0 @@ if (isShouldTrack) {

dist/cjs/whyDidYouRender.min.js

 /**
- * @welldone-software/why-did-you-render 3.3.3
+ * @welldone-software/why-did-you-render 3.3.4
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-08-13
+ * Generated at 2019-09-13
  */
 
-"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")),_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")),_defaults=_interopDefault(require("lodash/defaults"));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 o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}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 ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function _objectSpread2(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach(function(t){_defineProperty(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(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 o=_superPropBase(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.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"},hasSymbol="function"==typeof Symbol&&Symbol.for,REACT_MEMO_TYPE=hasSymbol?Symbol.for("react.memo"):60115,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for("react.forward_ref"):60112,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,o=e.hookName,n=e.prefixMessage,i=e.diffObjType,a=e.differences,f=e.values,s=e.options;a&&a.length>0?(s.consoleLog(_defineProperty({},r,t),"".concat(n," of ").concat(i," changes:")),a.forEach(function(e){var t=e.pathString,r=e.diffType,n=e.prevValue,a=e.nextValue;s.consoleGroup("%c".concat("hook"===i?"[hook ".concat(o," 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(o?moreInfoHooksUrl:moreInfoUrl,")")),s.consoleLog(_defineProperty({},"prev ".concat(t),n),"!==",_defineProperty({},"next ".concat(t),a)),s.consoleGroupEnd()})):a&&(s.consoleLog(_defineProperty({},r,t),"".concat(n," the ").concat(i," object itself changed but its values are all equal."),"props"===i?"This could have been avoided by making the component pure, or by preventing its father from re-rendering.":"This usually means this component called setState when no changes in its 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,o=e.hookName,n=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:n,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:o,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),_objectSpread2({include:null,exclude:null,notifier:e.notifier||createDefaultNotifier("hotReloadBufferMs"in e?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)||e.render&&getDisplayName(e.render)||(_isString(e)?e:void 0)}var hasElementType="undefined"!=typeof Element,hasSymbol$1="function"==typeof Symbol&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol$1?Symbol.for("react.element"):60103,isReactElement=function(e){return e.$$typeof===REACT_ELEMENT_TYPE};function trackDiff(e,t,r,o,n){return r.push({diffType:n,pathString:o,prevValue:e,nextValue:t}),n!==diffTypes.different}function accumulateDeepEqualDiffs(e,t,r){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(e===t)return!0;if(!e||!t)return trackDiff(e,t,r,o,diffTypes.different);if(_isArray(e)&&_isArray(t)){var n=e.length;if(n!==t.length)return trackDiff(e,t,r,o,diffTypes.different);for(var i=!0,a=n;0!=a--;)accumulateDeepEqualDiffs(e[a],t[a],r,"".concat(o,"[").concat(a,"]"))||(i=!1);return trackDiff(e,t,r,o,i?diffTypes.deepEquals:diffTypes.different)}if(_isDate(e)&&_isDate(t))return e.getTime()===t.getTime()?trackDiff(e,t,r,o,diffTypes.date):trackDiff(e,t,r,o,diffTypes.different);if(_isRegExp(e)&&_isRegExp(t))return e.toString()===t.toString()?trackDiff(e,t,r,o,diffTypes.regex):trackDiff(e,t,r,o,diffTypes.different);if(hasElementType&&e instanceof Element&&t instanceof Element)return trackDiff(e,t,r,o,diffTypes.different);if(isReactElement(e)&&isReactElement(t))return e.type!==t.type?trackDiff(e,t,r,o,diffTypes.different):trackDiff(e,t,r,o,accumulateDeepEqualDiffs(e.props,t.props,r,"".concat(o,".props"))?diffTypes.reactElement:diffTypes.different);if(_isFunction(e)&&_isFunction(t))return e.name===t.name?trackDiff(e,t,r,o,diffTypes.function):trackDiff(e,t,r,o,diffTypes.different);if(_isPlainObject(e)&&_isPlainObject(t)){var f=_keys(e),s=f.length;if(s!==_keys(t).length)return trackDiff(e,t,r,o,diffTypes.different);for(var c=s;0!=c--;)if(!_has(t,f[c]))return trackDiff(e,t,r,o,diffTypes.different);for(var p=!0,u=s;0!=u--;){var l=f[u];accumulateDeepEqualDiffs(e[l],t[l],r,"".concat(o,".").concat(l))||(p=!1)}return trackDiff(e,t,r,o,p?diffTypes.deepEquals:diffTypes.different)}return trackDiff(e,t,r,o,diffTypes.different)}function calculateDeepEqualDiffs(e,t,r){try{var o=[];return accumulateDeepEqualDiffs(e,t,o,r),o}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 o=e||emptyObject,n=t||emptyObject,i=Object.keys(_objectSpread2({},o,{},n));return _reduce(i,function(e,t){var r=calculateDeepEqualDiffs(o[t],n[t],t);return r&&(e=[].concat(_toConsumableArray(e),_toConsumableArray(r))),e},[])}function getUpdateReason(e,t,r,o,n,i){return{propsDifferences:findObjectsDifferences(e,o),stateDifferences:findObjectsDifferences(t,n),hookDifferences:findObjectsDifferences(r,i,{shallow:!1})}}function getUpdateInfo(e){var t=e.Component,r=e.displayName,o=e.hookName,n=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook;return{Component:t,displayName:r,hookName:o,prevProps:n,prevState:i,prevHook:a,nextProps:f,nextState:s,nextHook:c,options:e.options,reason:getUpdateReason(n,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=1;function checkIfInsideAStrictModeTree(e){for(var t=e._reactInternalFiber;null!==t;){if(t.mode&StrictMode)return!0;t=t.return}return!1}function patchClassComponent(e,t,r,o){var n=function(r){function n(t,r){var o;_classCallCheck(this,n),(o=_possibleConstructorReturn(this,_getPrototypeOf(n).call(this,t,r)))._WDYR={renderNumber:0};var i=_get(_getPrototypeOf(n.prototype),"render",_assertThisInitialized(o))||o.render;return i!==e.prototype.render&&(o.render=function(){return n.prototype.render.apply(_assertThisInitialized(o)),i()}),o}return _inherits(n,e),_createClass(n,[{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&&o.notifier(getUpdateInfo({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),_get(_getPrototypeOf(n.prototype),"render",this)?_get(_getPrototypeOf(n.prototype),"render",this).call(this):null}}]),n}();return n.displayName=t,_defaults(n,e),n}function patchFunctionalComponent(e,t,r,o){function n(n){var i=r.useRef(),a=i.current;if(i.current=n,a){var f=getUpdateInfo({Component:e,displayName:t,prevProps:a,nextProps:n,options:o});f.reason.propsDifferences&&o.notifier(f)}return e(n)}return n.displayName=t,n.ComponentForHooksTracking=e,_defaults(n,e),n}function patchMemoComponent(e,t,r,o){var n=e.type,i=n.$$typeof===REACT_FORWARD_REF_TYPE,a=i?n.render:n;function f(){var n=arguments[0],i=r.useRef(),f=i.current;if(i.current=n,f){var s=getUpdateInfo({Component:e,displayName:t,prevProps:f,nextProps:n,options:o});s.reason.propsDifferences&&s.reason.propsDifferences.length>0&&o.notifier(s)}return a.apply(void 0,arguments)}f.displayName=getDisplayName(a),f.ComponentForHooksTracking=e,_defaults(f,a);var s=r.memo(i?r.forwardRef(f):f,e.compare);return s.displayName=t,_defaults(s,e),s}function patchForwardRefComponent(e,t,r,o){var n=e.render,i=n.$$typeof===REACT_MEMO_TYPE,a=i?n.type:n;function f(){var n=arguments[0],i=r.useRef(),f=i.current;if(i.current=n,f){var s=getUpdateInfo({Component:e,displayName:t,prevProps:f,nextProps:n,options:o});s.reason.propsDifferences&&s.reason.propsDifferences.length>0&&o.notifier(s)}return a.apply(void 0,arguments)}f.displayName=getDisplayName(a),f.ComponentForHooksTracking=a,_defaults(f,a);var s=r.forwardRef(i?r.memo(f,n.compare):f);return s.displayName=t,_defaults(s,e),s}function trackHookChanges(e,t,r,o,n){var i=t.path,a=r,f=o.__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,n))return a;var p=o.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:n});l.reason.hookDifferences&&n.notifier(l)}return p.current}function createPatchedComponent(e,t,r,o,n){return t.$$typeof===REACT_MEMO_TYPE?patchMemoComponent(t,r,o,n):t.$$typeof===REACT_FORWARD_REF_TYPE?patchForwardRefComponent(t,r,o,n):t.prototype&&t.prototype.isReactComponent?patchClassComponent(t,r,o,n):patchFunctionalComponent(t,r,o,n)}function getPatchedComponent(e,t,r,o,n){if(e.has(t))return e.get(t);var i=createPatchedComponent(e,t,r,o,n);return e.set(t,i),i}var hooksConfig={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function whyDidYouRender(e,t){var r,o=normalizeOptions(t),n=e.createElement,i=e.createFactory,a=new WeakMap;if(e.createElement=function(t){for(var r=null,i=null,f=null,s=arguments.length,c=new Array(s>1?s-1:0),p=1;p<s;p++)c[p-1]=arguments[p];try{if(r=("function"==typeof t||t.$$typeof===REACT_MEMO_TYPE||t.$$typeof===REACT_FORWARD_REF_TYPE)&&shouldTrack(t,getDisplayName(t),o))return i=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||getDisplayName(t),f=getPatchedComponent(a,t,i,e,o),n.apply(e,[f].concat(c))}catch(e){o.consoleLog("whyDidYouRender error. Please file a bug at https://github.com/welldone-software/why-did-you-render/issues.",{errorInfo:{error:e,componentNameOrComponent:t,rest:c,options:o,isShouldTrack:r,displayName:i,WDYRPatchedComponent:f}})}return n.apply(e,[t].concat(c))},Object.assign(e.createElement,n),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),o.trackHooks){var f=_mapValues(hooksConfig,function(t,n){return function(){var i=r[n];if(!i)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var a=i.apply(void 0,arguments);return t&&trackHookChanges(n,!0===t?{}:t,a,e,o),a}});Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){r=e&&_objectSpread2({},e,{},e.origHooks)},get:function(){return r&&_objectSpread2({},r,{},f,{origHooks:r})}})}return e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:n,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")),_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")),_defaults=_interopDefault(require("lodash/defaults"));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 o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}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 ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread2(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(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 o=_superPropBase(e,t);if(o){var n=Object.getOwnPropertyDescriptor(o,t);return n.get?n.get.call(r):n.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"},hasSymbol="function"==typeof Symbol&&Symbol.for,REACT_MEMO_TYPE=hasSymbol?Symbol.for("react.memo"):60115,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for("react.forward_ref"):60112,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,o=e.hookName,n=e.prefixMessage,i=e.diffObjType,a=e.differences,f=e.values,s=e.options;a&&a.length>0?(s.consoleLog(_defineProperty({},r,t),"".concat(n," of ").concat(i," changes:")),a.forEach((function(e){var t=e.pathString,r=e.diffType,n=e.prevValue,a=e.nextValue;s.consoleGroup("%c".concat("hook"===i?"[hook ".concat(o," 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(o?moreInfoHooksUrl:moreInfoUrl,")")),s.consoleLog(_defineProperty({},"prev ".concat(t),n),"!==",_defineProperty({},"next ".concat(t),a)),s.consoleGroupEnd()}))):a&&(s.consoleLog(_defineProperty({},r,t),"".concat(n," the ").concat(i," object itself changed but its values are all equal."),"props"===i?"This could have been avoided by making the component pure, or by preventing its father from re-rendering.":"This usually means this component called setState when no changes in its 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,o=e.hookName,n=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:n,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:o,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),_objectSpread2({include:null,exclude:null,notifier:e.notifier||createDefaultNotifier("hotReloadBufferMs"in e?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)||e.render&&getDisplayName(e.render)||(_isString(e)?e:void 0)}var hasElementType="undefined"!=typeof Element,hasSymbol$1="function"==typeof Symbol&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol$1?Symbol.for("react.element"):60103,isReactElement=function(e){return e.$$typeof===REACT_ELEMENT_TYPE};function trackDiff(e,t,r,o,n){return r.push({diffType:n,pathString:o,prevValue:e,nextValue:t}),n!==diffTypes.different}function accumulateDeepEqualDiffs(e,t,r){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(e===t)return!0;if(!e||!t)return trackDiff(e,t,r,o,diffTypes.different);if(_isArray(e)&&_isArray(t)){var n=e.length;if(n!==t.length)return trackDiff(e,t,r,o,diffTypes.different);for(var i=!0,a=n;0!=a--;)accumulateDeepEqualDiffs(e[a],t[a],r,"".concat(o,"[").concat(a,"]"))||(i=!1);return trackDiff(e,t,r,o,i?diffTypes.deepEquals:diffTypes.different)}if(_isDate(e)&&_isDate(t))return e.getTime()===t.getTime()?trackDiff(e,t,r,o,diffTypes.date):trackDiff(e,t,r,o,diffTypes.different);if(_isRegExp(e)&&_isRegExp(t))return e.toString()===t.toString()?trackDiff(e,t,r,o,diffTypes.regex):trackDiff(e,t,r,o,diffTypes.different);if(hasElementType&&e instanceof Element&&t instanceof Element)return trackDiff(e,t,r,o,diffTypes.different);if(isReactElement(e)&&isReactElement(t))return e.type!==t.type?trackDiff(e,t,r,o,diffTypes.different):trackDiff(e,t,r,o,accumulateDeepEqualDiffs(e.props,t.props,r,"".concat(o,".props"))?diffTypes.reactElement:diffTypes.different);if(_isFunction(e)&&_isFunction(t))return e.name===t.name?trackDiff(e,t,r,o,diffTypes.function):trackDiff(e,t,r,o,diffTypes.different);if(_isPlainObject(e)&&_isPlainObject(t)){var f=_keys(e),s=f.length;if(s!==_keys(t).length)return trackDiff(e,t,r,o,diffTypes.different);for(var c=s;0!=c--;)if(!_has(t,f[c]))return trackDiff(e,t,r,o,diffTypes.different);for(var p=!0,u=s;0!=u--;){var l=f[u];accumulateDeepEqualDiffs(e[l],t[l],r,"".concat(o,".").concat(l))||(p=!1)}return trackDiff(e,t,r,o,p?diffTypes.deepEquals:diffTypes.different)}return trackDiff(e,t,r,o,diffTypes.different)}function calculateDeepEqualDiffs(e,t,r){try{var o=[];return accumulateDeepEqualDiffs(e,t,o,r),o}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 o=e||emptyObject,n=t||emptyObject,i=Object.keys(_objectSpread2({},o,{},n));return _reduce(i,(function(e,t){var r=calculateDeepEqualDiffs(o[t],n[t],t);return r&&(e=[].concat(_toConsumableArray(e),_toConsumableArray(r))),e}),[])}function getUpdateReason(e,t,r,o,n,i){return{propsDifferences:findObjectsDifferences(e,o),stateDifferences:findObjectsDifferences(t,n),hookDifferences:findObjectsDifferences(r,i,{shallow:!1})}}function getUpdateInfo(e){var t=e.Component,r=e.displayName,o=e.hookName,n=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook;return{Component:t,displayName:r,hookName:o,prevProps:n,prevState:i,prevHook:a,nextProps:f,nextState:s,nextHook:c,options:e.options,reason:getUpdateReason(n,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=1;function checkIfInsideAStrictModeTree(e){for(var t=e._reactInternalFiber;null!==t;){if(t.mode&StrictMode)return!0;t=t.return}return!1}function isReactClassComponent(e){return e.prototype&&!!e.prototype.isReactComponent}function isMemoComponent(e){return e.$$typeof===REACT_MEMO_TYPE}function isForwardRefComponent(e){return e.$$typeof===REACT_FORWARD_REF_TYPE}function patchClassComponent(e,t,r,o){var n=function(r){function n(t,r){var o;_classCallCheck(this,n),(o=_possibleConstructorReturn(this,_getPrototypeOf(n).call(this,t,r)))._WDYR={renderNumber:0};var i=_get(_getPrototypeOf(n.prototype),"render",_assertThisInitialized(o))||o.render;return i!==e.prototype.render&&(o.render=function(){return n.prototype.render.apply(_assertThisInitialized(o)),i()}),o}return _inherits(n,r),_createClass(n,[{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&&o.notifier(getUpdateInfo({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),_get(_getPrototypeOf(n.prototype),"render",this)?_get(_getPrototypeOf(n.prototype),"render",this).call(this):null}}]),n}(e);return n.displayName=t,_defaults(n,e),n}function patchFunctionalComponent(e,t,r,o,n){function i(){var i=arguments[0],a=o.useRef(),f=a.current;if(a.current=i,f){var s=getUpdateInfo({Component:e,displayName:r,prevProps:f,nextProps:i,options:n});s.reason.propsDifferences&&!(t&&0===s.reason.propsDifferences.length)&&n.notifier(s)}return e.apply(void 0,arguments)}return i.displayName=r,i.ComponentForHooksTracking=e,_defaults(i,e),i}function patchMemoComponent(e,t,r,o){var n=e.type,i=isReactClassComponent(n),a=isForwardRefComponent(n),f=a?n.render:n,s=i?patchClassComponent(f,t,r,o):patchFunctionalComponent(f,!0,t,r,o);s.displayName=getDisplayName(f),s.ComponentForHooksTracking=e,_defaults(s,f);var c=r.memo(a?r.forwardRef(s):s,e.compare);return c.displayName=t,_defaults(c,e),c}function patchForwardRefComponent(e,t,r,o){var n=e.render,i=isMemoComponent(n),a=i?n.type:n,f=patchFunctionalComponent(a,i,t,r,o);f.displayName=getDisplayName(a),f.ComponentForHooksTracking=a,_defaults(f,a);var s=r.forwardRef(i?r.memo(f,n.compare):f);return s.displayName=t,_defaults(s,e),s}function trackHookChanges(e,t,r,o,n){var i=t.path,a=r,f=o.__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,n))return a;var p=o.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:n});l.reason.hookDifferences&&n.notifier(l)}return p.current}function createPatchedComponent(e,t,r,o,n){return isMemoComponent(t)?patchMemoComponent(t,r,o,n):isForwardRefComponent(t)?patchForwardRefComponent(t,r,o,n):isReactClassComponent(t)?patchClassComponent(t,r,o,n):patchFunctionalComponent(t,!1,r,o,n)}function getPatchedComponent(e,t,r,o,n){if(e.has(t))return e.get(t);var i=createPatchedComponent(e,t,r,o,n);return e.set(t,i),i}var hooksConfig={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function whyDidYouRender(e,t){var r,o=normalizeOptions(t),n=e.createElement,i=e.createFactory,a=new WeakMap;if(e.createElement=function(t){for(var r=null,i=null,f=null,s=arguments.length,c=new Array(s>1?s-1:0),p=1;p<s;p++)c[p-1]=arguments[p];try{if(r=("function"==typeof t||isMemoComponent(t)||isForwardRefComponent(t))&&shouldTrack(t,getDisplayName(t),o))return i=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||getDisplayName(t),f=getPatchedComponent(a,t,i,e,o),n.apply(e,[f].concat(c))}catch(e){o.consoleLog("whyDidYouRender error. Please file a bug at https://github.com/welldone-software/why-did-you-render/issues.",{errorInfo:{error:e,componentNameOrComponent:t,rest:c,options:o,isShouldTrack:r,displayName:i,WDYRPatchedComponent:f}})}return n.apply(e,[t].concat(c))},Object.assign(e.createElement,n),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),o.trackHooks){var f=_mapValues(hooksConfig,(function(t,n){return function(){var i=r[n];if(!i)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var a=i.apply(void 0,arguments);return t&&trackHookChanges(n,!0===t?{}:t,a,e,o),a}}));Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){r=e&&_objectSpread2({},e,{},e.origHooks)},get:function(){return r&&_objectSpread2({},r,{},f,{origHooks:r})}})}return e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:n,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.3.3
+ * @welldone-software/why-did-you-render 3.3.4
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-08-13
+ * Generated at 2019-09-13
  */
@@ -195,5 +195,5 @@
   'reactElement': 'reactElement',
-  'function': 'function' // copied from packages/shared/ReactSymbols.js in https://github.com/facebook/react
+  'function': 'function'
+}; // copied from packages/shared/ReactSymbols.js in https://github.com/facebook/react
 
-};
 var hasSymbol = typeof Symbol === 'function' && Symbol["for"];
@@ -612,2 +612,11 @@ var REACT_MEMO_TYPE = hasSymbol ? Symbol["for"]('react.memo') : 0xead3;
 }
+function isReactClassComponent(Component) {
+  return Component.prototype && !!Component.prototype.isReactComponent;
+}
+function isMemoComponent(Component) {
+  return Component.$$typeof === REACT_MEMO_TYPE;
+}
+function isForwardRefComponent(Component) {
+  return Component.$$typeof === REACT_FORWARD_REF_TYPE;
+}
 
@@ -686,4 +695,5 @@ function patchClassComponent(ClassComponent, displayName, React, options) {
 
-function patchFunctionalComponent(FunctionalComponent, displayName, React, options) {
-  function WDYRFunctionalComponent(nextProps) {
+function patchFunctionalComponent(FunctionalComponent, isPure, displayName, React, options) {
+  function WDYRFunctionalComponent() {
+    var nextProps = arguments[0];
     var ref = React.useRef();
@@ -694,3 +704,3 @@ var prevProps = ref.current;
     if (prevProps) {
-      var notification = getUpdateInfo({
+      var updateInfo = getUpdateInfo({
         Component: FunctionalComponent,
@@ -701,11 +711,11 @@ displayName: displayName,
         options: options
-      }); // if a functional component re-rendered without a props change
-      // it was probably caused by a hook and we should not care about it
+      });
+      var shouldNotify = updateInfo.reason.propsDifferences && !(isPure && updateInfo.reason.propsDifferences.length === 0);
 
-      if (notification.reason.propsDifferences) {
-        options.notifier(notification);
+      if (shouldNotify) {
+        options.notifier(updateInfo);
       }
     }
 
-    return FunctionalComponent(nextProps);
+    return FunctionalComponent.apply(void 0, arguments);
   }
@@ -723,35 +733,12 @@
   var InnerMemoComponent = MemoComponent.type;
-  var isInnerMemoComponentForwardRefs = InnerMemoComponent.$$typeof === REACT_FORWARD_REF_TYPE;
+  var isInnerMemoComponentAClassComponent = isReactClassComponent(InnerMemoComponent);
+  var isInnerMemoComponentForwardRefs = isForwardRefComponent(InnerMemoComponent);
   var WrappedFunctionalComponent = isInnerMemoComponentForwardRefs ? InnerMemoComponent.render : InnerMemoComponent;
+  var PatchedInnerComponent = isInnerMemoComponentAClassComponent ? patchClassComponent(WrappedFunctionalComponent, displayName, React, options) : patchFunctionalComponent(WrappedFunctionalComponent, true, displayName, React, options);
+  PatchedInnerComponent.displayName = getDisplayName(WrappedFunctionalComponent);
+  PatchedInnerComponent.ComponentForHooksTracking = MemoComponent;
 
-  function WDYRWrappedByMemoFunctionalComponent() {
-    var nextProps = arguments[0];
-    var ref = React.useRef();
-    var prevProps = ref.current;
-    ref.current = nextProps;
+  _defaults(PatchedInnerComponent, WrappedFunctionalComponent);
 
-    if (prevProps) {
-      var notification = getUpdateInfo({
-        Component: MemoComponent,
-        displayName: displayName,
-        prevProps: prevProps,
-        nextProps: nextProps,
-        options: options
-      }); // if a memoized functional component re-rendered without props change / prop values change
-      // it was probably caused by a hook and we should not care about it
-
-      if (notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0) {
-        options.notifier(notification);
-      }
-    }
-
-    return WrappedFunctionalComponent.apply(void 0, arguments);
-  }
-
-  WDYRWrappedByMemoFunctionalComponent.displayName = getDisplayName(WrappedFunctionalComponent);
-  WDYRWrappedByMemoFunctionalComponent.ComponentForHooksTracking = MemoComponent;
-
-  _defaults(WDYRWrappedByMemoFunctionalComponent, WrappedFunctionalComponent);
-
-  var WDYRMemoizedFunctionalComponent = React.memo(isInnerMemoComponentForwardRefs ? React.forwardRef(WDYRWrappedByMemoFunctionalComponent) : WDYRWrappedByMemoFunctionalComponent, MemoComponent.compare);
+  var WDYRMemoizedFunctionalComponent = React.memo(isInnerMemoComponentForwardRefs ? React.forwardRef(PatchedInnerComponent) : PatchedInnerComponent, MemoComponent.compare);
   WDYRMemoizedFunctionalComponent.displayName = displayName;
@@ -766,29 +753,5 @@
   var InnerForwardRefComponent = ForwardRefComponent.render;
-  var isInnerComponentMemoized = InnerForwardRefComponent.$$typeof === REACT_MEMO_TYPE;
+  var isInnerComponentMemoized = isMemoComponent(InnerForwardRefComponent);
   var WrappedFunctionalComponent = isInnerComponentMemoized ? InnerForwardRefComponent.type : InnerForwardRefComponent;
-
-  function WDYRWrappedByReactForwardRefFunctionalComponent() {
-    var nextProps = arguments[0];
-    var ref = React.useRef();
-    var prevProps = ref.current;
-    ref.current = nextProps;
-
-    if (prevProps) {
-      var notification = getUpdateInfo({
-        Component: ForwardRefComponent,
-        displayName: displayName,
-        prevProps: prevProps,
-        nextProps: nextProps,
-        options: options
-      }); // if a memoized functional component re-rendered without props change / prop values change
-      // it was probably caused by a hook and we should not care about it
-
-      if (notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0) {
-        options.notifier(notification);
-      }
-    }
-
-    return WrappedFunctionalComponent.apply(void 0, arguments);
-  }
-
+  var WDYRWrappedByReactForwardRefFunctionalComponent = patchFunctionalComponent(WrappedFunctionalComponent, isInnerComponentMemoized, displayName, React, options);
   WDYRWrappedByReactForwardRefFunctionalComponent.displayName = getDisplayName(WrappedFunctionalComponent);
@@ -847,15 +810,15 @@ WDYRWrappedByReactForwardRefFunctionalComponent.ComponentForHooksTracking = WrappedFunctionalComponent;
 function createPatchedComponent(componentsMap, Component, displayName, React, options) {
-  if (Component.$$typeof === REACT_MEMO_TYPE) {
+  if (isMemoComponent(Component)) {
     return patchMemoComponent(Component, displayName, React, options);
   }
 
-  if (Component.$$typeof === REACT_FORWARD_REF_TYPE) {
+  if (isForwardRefComponent(Component)) {
     return patchForwardRefComponent(Component, displayName, React, options);
   }
 
-  if (Component.prototype && Component.prototype.isReactComponent) {
+  if (isReactClassComponent(Component)) {
     return patchClassComponent(Component, displayName, React, options);
   }
 
-  return patchFunctionalComponent(Component, displayName, React, options);
+  return patchFunctionalComponent(Component, false, displayName, React, options);
 }
@@ -899,3 +862,3 @@
     try {
-      isShouldTrack = (typeof componentNameOrComponent === 'function' || componentNameOrComponent.$$typeof === REACT_MEMO_TYPE || componentNameOrComponent.$$typeof === REACT_FORWARD_REF_TYPE) && shouldTrack(componentNameOrComponent, getDisplayName(componentNameOrComponent), options);
+      isShouldTrack = (typeof componentNameOrComponent === 'function' || isMemoComponent(componentNameOrComponent) || isForwardRefComponent(componentNameOrComponent)) && shouldTrack(componentNameOrComponent, getDisplayName(componentNameOrComponent), options);
 
@@ -902,0 +865,0 @@ if (isShouldTrack) {

dist/esm/whyDidYouRender.min.js

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

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

 /**
- * @welldone-software/why-did-you-render 3.3.3
+ * @welldone-software/why-did-you-render 3.3.4
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-08-13
+ * Generated at 2019-09-13
  */
@@ -100,5 +100,5 @@
   'reactElement': 'reactElement',
-  'function': 'function' // copied from packages/shared/ReactSymbols.js in https://github.com/facebook/react
+  'function': 'function'
+}; // copied from packages/shared/ReactSymbols.js in https://github.com/facebook/react
 
-};
 var hasSymbol = typeof Symbol === 'function' && Symbol["for"];
@@ -517,2 +517,11 @@ var REACT_MEMO_TYPE = hasSymbol ? Symbol["for"]('react.memo') : 0xead3;
 }
+function isReactClassComponent(Component) {
+  return Component.prototype && !!Component.prototype.isReactComponent;
+}
+function isMemoComponent(Component) {
+  return Component.$$typeof === REACT_MEMO_TYPE;
+}
+function isForwardRefComponent(Component) {
+  return Component.$$typeof === REACT_FORWARD_REF_TYPE;
+}
 
@@ -578,4 +587,5 @@ function patchClassComponent(ClassComponent, displayName, React, options) {
 
-function patchFunctionalComponent(FunctionalComponent, displayName, React, options) {
-  function WDYRFunctionalComponent(nextProps) {
+function patchFunctionalComponent(FunctionalComponent, isPure, displayName, React, options) {
+  function WDYRFunctionalComponent() {
+    var nextProps = arguments[0];
     var ref = React.useRef();
@@ -586,3 +596,3 @@ var prevProps = ref.current;
     if (prevProps) {
-      var notification = getUpdateInfo({
+      var updateInfo = getUpdateInfo({
         Component: FunctionalComponent,
@@ -593,11 +603,11 @@ displayName: displayName,
         options: options
-      }); // if a functional component re-rendered without a props change
-      // it was probably caused by a hook and we should not care about it
+      });
+      var shouldNotify = updateInfo.reason.propsDifferences && !(isPure && updateInfo.reason.propsDifferences.length === 0);
 
-      if (notification.reason.propsDifferences) {
-        options.notifier(notification);
+      if (shouldNotify) {
+        options.notifier(updateInfo);
       }
     }
 
-    return FunctionalComponent(nextProps);
+    return FunctionalComponent.apply(void 0, arguments);
   }
@@ -615,35 +625,12 @@
   var InnerMemoComponent = MemoComponent.type;
-  var isInnerMemoComponentForwardRefs = InnerMemoComponent.$$typeof === REACT_FORWARD_REF_TYPE;
+  var isInnerMemoComponentAClassComponent = isReactClassComponent(InnerMemoComponent);
+  var isInnerMemoComponentForwardRefs = isForwardRefComponent(InnerMemoComponent);
   var WrappedFunctionalComponent = isInnerMemoComponentForwardRefs ? InnerMemoComponent.render : InnerMemoComponent;
+  var PatchedInnerComponent = isInnerMemoComponentAClassComponent ? patchClassComponent(WrappedFunctionalComponent, displayName, React, options) : patchFunctionalComponent(WrappedFunctionalComponent, true, displayName, React, options);
+  PatchedInnerComponent.displayName = getDisplayName(WrappedFunctionalComponent);
+  PatchedInnerComponent.ComponentForHooksTracking = MemoComponent;
 
-  function WDYRWrappedByMemoFunctionalComponent() {
-    var nextProps = arguments[0];
-    var ref = React.useRef();
-    var prevProps = ref.current;
-    ref.current = nextProps;
+  _defaults(PatchedInnerComponent, WrappedFunctionalComponent);
 
-    if (prevProps) {
-      var notification = getUpdateInfo({
-        Component: MemoComponent,
-        displayName: displayName,
-        prevProps: prevProps,
-        nextProps: nextProps,
-        options: options
-      }); // if a memoized functional component re-rendered without props change / prop values change
-      // it was probably caused by a hook and we should not care about it
-
-      if (notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0) {
-        options.notifier(notification);
-      }
-    }
-
-    return WrappedFunctionalComponent.apply(void 0, arguments);
-  }
-
-  WDYRWrappedByMemoFunctionalComponent.displayName = getDisplayName(WrappedFunctionalComponent);
-  WDYRWrappedByMemoFunctionalComponent.ComponentForHooksTracking = MemoComponent;
-
-  _defaults(WDYRWrappedByMemoFunctionalComponent, WrappedFunctionalComponent);
-
-  var WDYRMemoizedFunctionalComponent = React.memo(isInnerMemoComponentForwardRefs ? React.forwardRef(WDYRWrappedByMemoFunctionalComponent) : WDYRWrappedByMemoFunctionalComponent, MemoComponent.compare);
+  var WDYRMemoizedFunctionalComponent = React.memo(isInnerMemoComponentForwardRefs ? React.forwardRef(PatchedInnerComponent) : PatchedInnerComponent, MemoComponent.compare);
   WDYRMemoizedFunctionalComponent.displayName = displayName;
@@ -658,29 +645,5 @@
   var InnerForwardRefComponent = ForwardRefComponent.render;
-  var isInnerComponentMemoized = InnerForwardRefComponent.$$typeof === REACT_MEMO_TYPE;
+  var isInnerComponentMemoized = isMemoComponent(InnerForwardRefComponent);
   var WrappedFunctionalComponent = isInnerComponentMemoized ? InnerForwardRefComponent.type : InnerForwardRefComponent;
-
-  function WDYRWrappedByReactForwardRefFunctionalComponent() {
-    var nextProps = arguments[0];
-    var ref = React.useRef();
-    var prevProps = ref.current;
-    ref.current = nextProps;
-
-    if (prevProps) {
-      var notification = getUpdateInfo({
-        Component: ForwardRefComponent,
-        displayName: displayName,
-        prevProps: prevProps,
-        nextProps: nextProps,
-        options: options
-      }); // if a memoized functional component re-rendered without props change / prop values change
-      // it was probably caused by a hook and we should not care about it
-
-      if (notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0) {
-        options.notifier(notification);
-      }
-    }
-
-    return WrappedFunctionalComponent.apply(void 0, arguments);
-  }
-
+  var WDYRWrappedByReactForwardRefFunctionalComponent = patchFunctionalComponent(WrappedFunctionalComponent, isInnerComponentMemoized, displayName, React, options);
   WDYRWrappedByReactForwardRefFunctionalComponent.displayName = getDisplayName(WrappedFunctionalComponent);
@@ -739,15 +702,15 @@ WDYRWrappedByReactForwardRefFunctionalComponent.ComponentForHooksTracking = WrappedFunctionalComponent;
 function createPatchedComponent(componentsMap, Component, displayName, React, options) {
-  if (Component.$$typeof === REACT_MEMO_TYPE) {
+  if (isMemoComponent(Component)) {
     return patchMemoComponent(Component, displayName, React, options);
   }
 
-  if (Component.$$typeof === REACT_FORWARD_REF_TYPE) {
+  if (isForwardRefComponent(Component)) {
     return patchForwardRefComponent(Component, displayName, React, options);
   }
 
-  if (Component.prototype && Component.prototype.isReactComponent) {
+  if (isReactClassComponent(Component)) {
     return patchClassComponent(Component, displayName, React, options);
   }
 
-  return patchFunctionalComponent(Component, displayName, React, options);
+  return patchFunctionalComponent(Component, false, displayName, React, options);
 }
@@ -791,3 +754,3 @@
     try {
-      isShouldTrack = (typeof componentNameOrComponent === 'function' || componentNameOrComponent.$$typeof === REACT_MEMO_TYPE || componentNameOrComponent.$$typeof === REACT_FORWARD_REF_TYPE) && shouldTrack(componentNameOrComponent, getDisplayName(componentNameOrComponent), options);
+      isShouldTrack = (typeof componentNameOrComponent === 'function' || isMemoComponent(componentNameOrComponent) || isForwardRefComponent(componentNameOrComponent)) && shouldTrack(componentNameOrComponent, getDisplayName(componentNameOrComponent), options);
 
@@ -794,0 +757,0 @@ if (isShouldTrack) {

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

 /**
- * @welldone-software/why-did-you-render 3.3.3
+ * @welldone-software/why-did-you-render 3.3.4
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-08-13
+ * Generated at 2019-09-13
  */
 
-"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")),_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")),_defaults=_interopDefault(require("lodash/defaults"));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 ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function _objectSpread2(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach(function(t){_defineProperty(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(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"},hasSymbol="function"==typeof Symbol&&Symbol.for,REACT_MEMO_TYPE=hasSymbol?Symbol.for("react.memo"):60115,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for("react.forward_ref"):60112,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,o=e.hookName,n=e.prefixMessage,i=e.diffObjType,a=e.differences,f=e.values,s=e.options;a&&a.length>0?(s.consoleLog(_defineProperty({},r,t),"".concat(n," of ").concat(i," changes:")),a.forEach(function(e){var t=e.pathString,r=e.diffType,n=e.prevValue,a=e.nextValue;s.consoleGroup("%c".concat("hook"===i?"[hook ".concat(o," 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(o?moreInfoHooksUrl:moreInfoUrl,")")),s.consoleLog(_defineProperty({},"prev ".concat(t),n),"!==",_defineProperty({},"next ".concat(t),a)),s.consoleGroupEnd()})):a&&(s.consoleLog(_defineProperty({},r,t),"".concat(n," the ").concat(i," object itself changed but its values are all equal."),"props"===i?"This could have been avoided by making the component pure, or by preventing its father from re-rendering.":"This usually means this component called setState when no changes in its 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,o=e.hookName,n=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:n,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:o,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),_objectSpread2({include:null,exclude:null,notifier:e.notifier||createDefaultNotifier("hotReloadBufferMs"in e?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)||e.render&&getDisplayName(e.render)||(_isString(e)?e:void 0)}var hasElementType="undefined"!=typeof Element,hasSymbol$1="function"==typeof Symbol&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol$1?Symbol.for("react.element"):60103,isReactElement=function(e){return e.$$typeof===REACT_ELEMENT_TYPE};function trackDiff(e,t,r,o,n){return r.push({diffType:n,pathString:o,prevValue:e,nextValue:t}),n!==diffTypes.different}function accumulateDeepEqualDiffs(e,t,r){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(e===t)return!0;if(!e||!t)return trackDiff(e,t,r,o,diffTypes.different);if(_isArray(e)&&_isArray(t)){var n=e.length;if(n!==t.length)return trackDiff(e,t,r,o,diffTypes.different);for(var i=!0,a=n;0!=a--;)accumulateDeepEqualDiffs(e[a],t[a],r,"".concat(o,"[").concat(a,"]"))||(i=!1);return trackDiff(e,t,r,o,i?diffTypes.deepEquals:diffTypes.different)}if(_isDate(e)&&_isDate(t))return e.getTime()===t.getTime()?trackDiff(e,t,r,o,diffTypes.date):trackDiff(e,t,r,o,diffTypes.different);if(_isRegExp(e)&&_isRegExp(t))return e.toString()===t.toString()?trackDiff(e,t,r,o,diffTypes.regex):trackDiff(e,t,r,o,diffTypes.different);if(hasElementType&&e instanceof Element&&t instanceof Element)return trackDiff(e,t,r,o,diffTypes.different);if(isReactElement(e)&&isReactElement(t))return e.type!==t.type?trackDiff(e,t,r,o,diffTypes.different):trackDiff(e,t,r,o,accumulateDeepEqualDiffs(e.props,t.props,r,"".concat(o,".props"))?diffTypes.reactElement:diffTypes.different);if(_isFunction(e)&&_isFunction(t))return e.name===t.name?trackDiff(e,t,r,o,diffTypes.function):trackDiff(e,t,r,o,diffTypes.different);if(_isPlainObject(e)&&_isPlainObject(t)){var f=_keys(e),s=f.length;if(s!==_keys(t).length)return trackDiff(e,t,r,o,diffTypes.different);for(var c=s;0!=c--;)if(!_has(t,f[c]))return trackDiff(e,t,r,o,diffTypes.different);for(var p=!0,u=s;0!=u--;){var l=f[u];accumulateDeepEqualDiffs(e[l],t[l],r,"".concat(o,".").concat(l))||(p=!1)}return trackDiff(e,t,r,o,p?diffTypes.deepEquals:diffTypes.different)}return trackDiff(e,t,r,o,diffTypes.different)}function calculateDeepEqualDiffs(e,t,r){try{var o=[];return accumulateDeepEqualDiffs(e,t,o,r),o}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 o=e||emptyObject,n=t||emptyObject,i=Object.keys(_objectSpread2({},o,{},n));return _reduce(i,function(e,t){var r=calculateDeepEqualDiffs(o[t],n[t],t);return r&&(e=[].concat(_toConsumableArray(e),_toConsumableArray(r))),e},[])}function getUpdateReason(e,t,r,o,n,i){return{propsDifferences:findObjectsDifferences(e,o),stateDifferences:findObjectsDifferences(t,n),hookDifferences:findObjectsDifferences(r,i,{shallow:!1})}}function getUpdateInfo(e){var t=e.Component,r=e.displayName,o=e.hookName,n=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook;return{Component:t,displayName:r,hookName:o,prevProps:n,prevState:i,prevHook:a,nextProps:f,nextState:s,nextHook:c,options:e.options,reason:getUpdateReason(n,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=1;function checkIfInsideAStrictModeTree(e){for(var t=e._reactInternalFiber;null!==t;){if(t.mode&StrictMode)return!0;t=t.return}return!1}function patchClassComponent(e,t,r,o){class n extends e{constructor(t,r){var o;super(t,r),o=this,this._WDYR={renderNumber:0};var i=super.render||this.render;i!==e.prototype.render&&(this.render=function(){return n.prototype.render.apply(o),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&&o.notifier(getUpdateInfo({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),super.render?super.render():null}}return n.displayName=t,_defaults(n,e),n}function patchFunctionalComponent(e,t,r,o){function n(n){var i=r.useRef(),a=i.current;if(i.current=n,a){var f=getUpdateInfo({Component:e,displayName:t,prevProps:a,nextProps:n,options:o});f.reason.propsDifferences&&o.notifier(f)}return e(n)}return n.displayName=t,n.ComponentForHooksTracking=e,_defaults(n,e),n}function patchMemoComponent(e,t,r,o){var n=e.type,i=n.$$typeof===REACT_FORWARD_REF_TYPE,a=i?n.render:n;function f(){var n=arguments[0],i=r.useRef(),f=i.current;if(i.current=n,f){var s=getUpdateInfo({Component:e,displayName:t,prevProps:f,nextProps:n,options:o});s.reason.propsDifferences&&s.reason.propsDifferences.length>0&&o.notifier(s)}return a.apply(void 0,arguments)}f.displayName=getDisplayName(a),f.ComponentForHooksTracking=e,_defaults(f,a);var s=r.memo(i?r.forwardRef(f):f,e.compare);return s.displayName=t,_defaults(s,e),s}function patchForwardRefComponent(e,t,r,o){var n=e.render,i=n.$$typeof===REACT_MEMO_TYPE,a=i?n.type:n;function f(){var n=arguments[0],i=r.useRef(),f=i.current;if(i.current=n,f){var s=getUpdateInfo({Component:e,displayName:t,prevProps:f,nextProps:n,options:o});s.reason.propsDifferences&&s.reason.propsDifferences.length>0&&o.notifier(s)}return a.apply(void 0,arguments)}f.displayName=getDisplayName(a),f.ComponentForHooksTracking=a,_defaults(f,a);var s=r.forwardRef(i?r.memo(f,n.compare):f);return s.displayName=t,_defaults(s,e),s}function trackHookChanges(e,t,r,o,n){var i=t.path,a=r,f=o.__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,n))return a;var p=o.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:n});l.reason.hookDifferences&&n.notifier(l)}return p.current}function createPatchedComponent(e,t,r,o,n){return t.$$typeof===REACT_MEMO_TYPE?patchMemoComponent(t,r,o,n):t.$$typeof===REACT_FORWARD_REF_TYPE?patchForwardRefComponent(t,r,o,n):t.prototype&&t.prototype.isReactComponent?patchClassComponent(t,r,o,n):patchFunctionalComponent(t,r,o,n)}function getPatchedComponent(e,t,r,o,n){if(e.has(t))return e.get(t);var i=createPatchedComponent(e,t,r,o,n);return e.set(t,i),i}var hooksConfig={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function whyDidYouRender(e,t){var r,o=normalizeOptions(t),n=e.createElement,i=e.createFactory,a=new WeakMap;if(e.createElement=function(t){for(var r=null,i=null,f=null,s=arguments.length,c=new Array(s>1?s-1:0),p=1;p<s;p++)c[p-1]=arguments[p];try{if(r=("function"==typeof t||t.$$typeof===REACT_MEMO_TYPE||t.$$typeof===REACT_FORWARD_REF_TYPE)&&shouldTrack(t,getDisplayName(t),o))return i=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||getDisplayName(t),f=getPatchedComponent(a,t,i,e,o),n.apply(e,[f].concat(c))}catch(e){o.consoleLog("whyDidYouRender error. Please file a bug at https://github.com/welldone-software/why-did-you-render/issues.",{errorInfo:{error:e,componentNameOrComponent:t,rest:c,options:o,isShouldTrack:r,displayName:i,WDYRPatchedComponent:f}})}return n.apply(e,[t].concat(c))},Object.assign(e.createElement,n),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),o.trackHooks){var f=_mapValues(hooksConfig,function(t,n){return function(){var i=r[n];if(!i)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var a=i.apply(void 0,arguments);return t&&trackHookChanges(n,!0===t?{}:t,a,e,o),a}});Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){r=e&&_objectSpread2({},e,{},e.origHooks)},get:function(){return r&&_objectSpread2({},r,{},f,{origHooks:r})}})}return e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:n,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")),_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")),_defaults=_interopDefault(require("lodash/defaults"));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 ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread2(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(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"},hasSymbol="function"==typeof Symbol&&Symbol.for,REACT_MEMO_TYPE=hasSymbol?Symbol.for("react.memo"):60115,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for("react.forward_ref"):60112,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,o=e.hookName,n=e.prefixMessage,i=e.diffObjType,a=e.differences,f=e.values,s=e.options;a&&a.length>0?(s.consoleLog(_defineProperty({},r,t),"".concat(n," of ").concat(i," changes:")),a.forEach((function(e){var t=e.pathString,r=e.diffType,n=e.prevValue,a=e.nextValue;s.consoleGroup("%c".concat("hook"===i?"[hook ".concat(o," 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(o?moreInfoHooksUrl:moreInfoUrl,")")),s.consoleLog(_defineProperty({},"prev ".concat(t),n),"!==",_defineProperty({},"next ".concat(t),a)),s.consoleGroupEnd()}))):a&&(s.consoleLog(_defineProperty({},r,t),"".concat(n," the ").concat(i," object itself changed but its values are all equal."),"props"===i?"This could have been avoided by making the component pure, or by preventing its father from re-rendering.":"This usually means this component called setState when no changes in its 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,o=e.hookName,n=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:n,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:o,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),_objectSpread2({include:null,exclude:null,notifier:e.notifier||createDefaultNotifier("hotReloadBufferMs"in e?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)||e.render&&getDisplayName(e.render)||(_isString(e)?e:void 0)}var hasElementType="undefined"!=typeof Element,hasSymbol$1="function"==typeof Symbol&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol$1?Symbol.for("react.element"):60103,isReactElement=function(e){return e.$$typeof===REACT_ELEMENT_TYPE};function trackDiff(e,t,r,o,n){return r.push({diffType:n,pathString:o,prevValue:e,nextValue:t}),n!==diffTypes.different}function accumulateDeepEqualDiffs(e,t,r){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(e===t)return!0;if(!e||!t)return trackDiff(e,t,r,o,diffTypes.different);if(_isArray(e)&&_isArray(t)){var n=e.length;if(n!==t.length)return trackDiff(e,t,r,o,diffTypes.different);for(var i=!0,a=n;0!=a--;)accumulateDeepEqualDiffs(e[a],t[a],r,"".concat(o,"[").concat(a,"]"))||(i=!1);return trackDiff(e,t,r,o,i?diffTypes.deepEquals:diffTypes.different)}if(_isDate(e)&&_isDate(t))return e.getTime()===t.getTime()?trackDiff(e,t,r,o,diffTypes.date):trackDiff(e,t,r,o,diffTypes.different);if(_isRegExp(e)&&_isRegExp(t))return e.toString()===t.toString()?trackDiff(e,t,r,o,diffTypes.regex):trackDiff(e,t,r,o,diffTypes.different);if(hasElementType&&e instanceof Element&&t instanceof Element)return trackDiff(e,t,r,o,diffTypes.different);if(isReactElement(e)&&isReactElement(t))return e.type!==t.type?trackDiff(e,t,r,o,diffTypes.different):trackDiff(e,t,r,o,accumulateDeepEqualDiffs(e.props,t.props,r,"".concat(o,".props"))?diffTypes.reactElement:diffTypes.different);if(_isFunction(e)&&_isFunction(t))return e.name===t.name?trackDiff(e,t,r,o,diffTypes.function):trackDiff(e,t,r,o,diffTypes.different);if(_isPlainObject(e)&&_isPlainObject(t)){var f=_keys(e),s=f.length;if(s!==_keys(t).length)return trackDiff(e,t,r,o,diffTypes.different);for(var c=s;0!=c--;)if(!_has(t,f[c]))return trackDiff(e,t,r,o,diffTypes.different);for(var p=!0,u=s;0!=u--;){var l=f[u];accumulateDeepEqualDiffs(e[l],t[l],r,"".concat(o,".").concat(l))||(p=!1)}return trackDiff(e,t,r,o,p?diffTypes.deepEquals:diffTypes.different)}return trackDiff(e,t,r,o,diffTypes.different)}function calculateDeepEqualDiffs(e,t,r){try{var o=[];return accumulateDeepEqualDiffs(e,t,o,r),o}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 o=e||emptyObject,n=t||emptyObject,i=Object.keys(_objectSpread2({},o,{},n));return _reduce(i,(function(e,t){var r=calculateDeepEqualDiffs(o[t],n[t],t);return r&&(e=[].concat(_toConsumableArray(e),_toConsumableArray(r))),e}),[])}function getUpdateReason(e,t,r,o,n,i){return{propsDifferences:findObjectsDifferences(e,o),stateDifferences:findObjectsDifferences(t,n),hookDifferences:findObjectsDifferences(r,i,{shallow:!1})}}function getUpdateInfo(e){var t=e.Component,r=e.displayName,o=e.hookName,n=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook;return{Component:t,displayName:r,hookName:o,prevProps:n,prevState:i,prevHook:a,nextProps:f,nextState:s,nextHook:c,options:e.options,reason:getUpdateReason(n,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=1;function checkIfInsideAStrictModeTree(e){for(var t=e._reactInternalFiber;null!==t;){if(t.mode&StrictMode)return!0;t=t.return}return!1}function isReactClassComponent(e){return e.prototype&&!!e.prototype.isReactComponent}function isMemoComponent(e){return e.$$typeof===REACT_MEMO_TYPE}function isForwardRefComponent(e){return e.$$typeof===REACT_FORWARD_REF_TYPE}function patchClassComponent(e,t,r,o){class n extends e{constructor(t,r){var o;super(t,r),o=this,this._WDYR={renderNumber:0};var i=super.render||this.render;i!==e.prototype.render&&(this.render=function(){return n.prototype.render.apply(o),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&&o.notifier(getUpdateInfo({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),super.render?super.render():null}}return n.displayName=t,_defaults(n,e),n}function patchFunctionalComponent(e,t,r,o,n){function i(){var i=arguments[0],a=o.useRef(),f=a.current;if(a.current=i,f){var s=getUpdateInfo({Component:e,displayName:r,prevProps:f,nextProps:i,options:n});s.reason.propsDifferences&&!(t&&0===s.reason.propsDifferences.length)&&n.notifier(s)}return e.apply(void 0,arguments)}return i.displayName=r,i.ComponentForHooksTracking=e,_defaults(i,e),i}function patchMemoComponent(e,t,r,o){var n=e.type,i=isReactClassComponent(n),a=isForwardRefComponent(n),f=a?n.render:n,s=i?patchClassComponent(f,t,r,o):patchFunctionalComponent(f,!0,t,r,o);s.displayName=getDisplayName(f),s.ComponentForHooksTracking=e,_defaults(s,f);var c=r.memo(a?r.forwardRef(s):s,e.compare);return c.displayName=t,_defaults(c,e),c}function patchForwardRefComponent(e,t,r,o){var n=e.render,i=isMemoComponent(n),a=i?n.type:n,f=patchFunctionalComponent(a,i,t,r,o);f.displayName=getDisplayName(a),f.ComponentForHooksTracking=a,_defaults(f,a);var s=r.forwardRef(i?r.memo(f,n.compare):f);return s.displayName=t,_defaults(s,e),s}function trackHookChanges(e,t,r,o,n){var i=t.path,a=r,f=o.__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,n))return a;var p=o.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:n});l.reason.hookDifferences&&n.notifier(l)}return p.current}function createPatchedComponent(e,t,r,o,n){return isMemoComponent(t)?patchMemoComponent(t,r,o,n):isForwardRefComponent(t)?patchForwardRefComponent(t,r,o,n):isReactClassComponent(t)?patchClassComponent(t,r,o,n):patchFunctionalComponent(t,!1,r,o,n)}function getPatchedComponent(e,t,r,o,n){if(e.has(t))return e.get(t);var i=createPatchedComponent(e,t,r,o,n);return e.set(t,i),i}var hooksConfig={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function whyDidYouRender(e,t){var r,o=normalizeOptions(t),n=e.createElement,i=e.createFactory,a=new WeakMap;if(e.createElement=function(t){for(var r=null,i=null,f=null,s=arguments.length,c=new Array(s>1?s-1:0),p=1;p<s;p++)c[p-1]=arguments[p];try{if(r=("function"==typeof t||isMemoComponent(t)||isForwardRefComponent(t))&&shouldTrack(t,getDisplayName(t),o))return i=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||getDisplayName(t),f=getPatchedComponent(a,t,i,e,o),n.apply(e,[f].concat(c))}catch(e){o.consoleLog("whyDidYouRender error. Please file a bug at https://github.com/welldone-software/why-did-you-render/issues.",{errorInfo:{error:e,componentNameOrComponent:t,rest:c,options:o,isShouldTrack:r,displayName:i,WDYRPatchedComponent:f}})}return n.apply(e,[t].concat(c))},Object.assign(e.createElement,n),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),o.trackHooks){var f=_mapValues(hooksConfig,(function(t,n){return function(){var i=r[n];if(!i)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var a=i.apply(void 0,arguments);return t&&trackHookChanges(n,!0===t?{}:t,a,e,o),a}}));Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){r=e&&_objectSpread2({},e,{},e.origHooks)},get:function(){return r&&_objectSpread2({},r,{},f,{origHooks:r})}})}return e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:n,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.3.3
+ * @welldone-software/why-did-you-render 3.3.4
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-08-13
+ * Generated at 2019-09-13
  */
@@ -96,5 +96,5 @@
   'reactElement': 'reactElement',
-  'function': 'function' // copied from packages/shared/ReactSymbols.js in https://github.com/facebook/react
+  'function': 'function'
+}; // copied from packages/shared/ReactSymbols.js in https://github.com/facebook/react
 
-};
 var hasSymbol = typeof Symbol === 'function' && Symbol["for"];
@@ -513,2 +513,11 @@ var REACT_MEMO_TYPE = hasSymbol ? Symbol["for"]('react.memo') : 0xead3;
 }
+function isReactClassComponent(Component) {
+  return Component.prototype && !!Component.prototype.isReactComponent;
+}
+function isMemoComponent(Component) {
+  return Component.$$typeof === REACT_MEMO_TYPE;
+}
+function isForwardRefComponent(Component) {
+  return Component.$$typeof === REACT_FORWARD_REF_TYPE;
+}
 
@@ -574,4 +583,5 @@ function patchClassComponent(ClassComponent, displayName, React, options) {
 
-function patchFunctionalComponent(FunctionalComponent, displayName, React, options) {
-  function WDYRFunctionalComponent(nextProps) {
+function patchFunctionalComponent(FunctionalComponent, isPure, displayName, React, options) {
+  function WDYRFunctionalComponent() {
+    var nextProps = arguments[0];
     var ref = React.useRef();
@@ -582,3 +592,3 @@ var prevProps = ref.current;
     if (prevProps) {
-      var notification = getUpdateInfo({
+      var updateInfo = getUpdateInfo({
         Component: FunctionalComponent,
@@ -589,11 +599,11 @@ displayName: displayName,
         options: options
-      }); // if a functional component re-rendered without a props change
-      // it was probably caused by a hook and we should not care about it
+      });
+      var shouldNotify = updateInfo.reason.propsDifferences && !(isPure && updateInfo.reason.propsDifferences.length === 0);
 
-      if (notification.reason.propsDifferences) {
-        options.notifier(notification);
+      if (shouldNotify) {
+        options.notifier(updateInfo);
       }
     }
 
-    return FunctionalComponent(nextProps);
+    return FunctionalComponent.apply(void 0, arguments);
   }
@@ -611,35 +621,12 @@
   var InnerMemoComponent = MemoComponent.type;
-  var isInnerMemoComponentForwardRefs = InnerMemoComponent.$$typeof === REACT_FORWARD_REF_TYPE;
+  var isInnerMemoComponentAClassComponent = isReactClassComponent(InnerMemoComponent);
+  var isInnerMemoComponentForwardRefs = isForwardRefComponent(InnerMemoComponent);
   var WrappedFunctionalComponent = isInnerMemoComponentForwardRefs ? InnerMemoComponent.render : InnerMemoComponent;
+  var PatchedInnerComponent = isInnerMemoComponentAClassComponent ? patchClassComponent(WrappedFunctionalComponent, displayName, React, options) : patchFunctionalComponent(WrappedFunctionalComponent, true, displayName, React, options);
+  PatchedInnerComponent.displayName = getDisplayName(WrappedFunctionalComponent);
+  PatchedInnerComponent.ComponentForHooksTracking = MemoComponent;
 
-  function WDYRWrappedByMemoFunctionalComponent() {
-    var nextProps = arguments[0];
-    var ref = React.useRef();
-    var prevProps = ref.current;
-    ref.current = nextProps;
+  _defaults(PatchedInnerComponent, WrappedFunctionalComponent);
 
-    if (prevProps) {
-      var notification = getUpdateInfo({
-        Component: MemoComponent,
-        displayName: displayName,
-        prevProps: prevProps,
-        nextProps: nextProps,
-        options: options
-      }); // if a memoized functional component re-rendered without props change / prop values change
-      // it was probably caused by a hook and we should not care about it
-
-      if (notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0) {
-        options.notifier(notification);
-      }
-    }
-
-    return WrappedFunctionalComponent.apply(void 0, arguments);
-  }
-
-  WDYRWrappedByMemoFunctionalComponent.displayName = getDisplayName(WrappedFunctionalComponent);
-  WDYRWrappedByMemoFunctionalComponent.ComponentForHooksTracking = MemoComponent;
-
-  _defaults(WDYRWrappedByMemoFunctionalComponent, WrappedFunctionalComponent);
-
-  var WDYRMemoizedFunctionalComponent = React.memo(isInnerMemoComponentForwardRefs ? React.forwardRef(WDYRWrappedByMemoFunctionalComponent) : WDYRWrappedByMemoFunctionalComponent, MemoComponent.compare);
+  var WDYRMemoizedFunctionalComponent = React.memo(isInnerMemoComponentForwardRefs ? React.forwardRef(PatchedInnerComponent) : PatchedInnerComponent, MemoComponent.compare);
   WDYRMemoizedFunctionalComponent.displayName = displayName;
@@ -654,29 +641,5 @@
   var InnerForwardRefComponent = ForwardRefComponent.render;
-  var isInnerComponentMemoized = InnerForwardRefComponent.$$typeof === REACT_MEMO_TYPE;
+  var isInnerComponentMemoized = isMemoComponent(InnerForwardRefComponent);
   var WrappedFunctionalComponent = isInnerComponentMemoized ? InnerForwardRefComponent.type : InnerForwardRefComponent;
-
-  function WDYRWrappedByReactForwardRefFunctionalComponent() {
-    var nextProps = arguments[0];
-    var ref = React.useRef();
-    var prevProps = ref.current;
-    ref.current = nextProps;
-
-    if (prevProps) {
-      var notification = getUpdateInfo({
-        Component: ForwardRefComponent,
-        displayName: displayName,
-        prevProps: prevProps,
-        nextProps: nextProps,
-        options: options
-      }); // if a memoized functional component re-rendered without props change / prop values change
-      // it was probably caused by a hook and we should not care about it
-
-      if (notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0) {
-        options.notifier(notification);
-      }
-    }
-
-    return WrappedFunctionalComponent.apply(void 0, arguments);
-  }
-
+  var WDYRWrappedByReactForwardRefFunctionalComponent = patchFunctionalComponent(WrappedFunctionalComponent, isInnerComponentMemoized, displayName, React, options);
   WDYRWrappedByReactForwardRefFunctionalComponent.displayName = getDisplayName(WrappedFunctionalComponent);
@@ -735,15 +698,15 @@ WDYRWrappedByReactForwardRefFunctionalComponent.ComponentForHooksTracking = WrappedFunctionalComponent;
 function createPatchedComponent(componentsMap, Component, displayName, React, options) {
-  if (Component.$$typeof === REACT_MEMO_TYPE) {
+  if (isMemoComponent(Component)) {
     return patchMemoComponent(Component, displayName, React, options);
   }
 
-  if (Component.$$typeof === REACT_FORWARD_REF_TYPE) {
+  if (isForwardRefComponent(Component)) {
     return patchForwardRefComponent(Component, displayName, React, options);
   }
 
-  if (Component.prototype && Component.prototype.isReactComponent) {
+  if (isReactClassComponent(Component)) {
     return patchClassComponent(Component, displayName, React, options);
   }
 
-  return patchFunctionalComponent(Component, displayName, React, options);
+  return patchFunctionalComponent(Component, false, displayName, React, options);
 }
@@ -787,3 +750,3 @@
     try {
-      isShouldTrack = (typeof componentNameOrComponent === 'function' || componentNameOrComponent.$$typeof === REACT_MEMO_TYPE || componentNameOrComponent.$$typeof === REACT_FORWARD_REF_TYPE) && shouldTrack(componentNameOrComponent, getDisplayName(componentNameOrComponent), options);
+      isShouldTrack = (typeof componentNameOrComponent === 'function' || isMemoComponent(componentNameOrComponent) || isForwardRefComponent(componentNameOrComponent)) && shouldTrack(componentNameOrComponent, getDisplayName(componentNameOrComponent), options);
 
@@ -790,0 +753,0 @@ if (isShouldTrack) {

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

 /**
- * @welldone-software/why-did-you-render 3.3.3
+ * @welldone-software/why-did-you-render 3.3.4
  * MIT Licensed
  * Generated by Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)
- * Generated at 2019-08-13
+ * Generated at 2019-09-13
  */
 
-import e from"lodash/mapValues";import r from"lodash/get";import t from"lodash/isString";import n from"lodash/reduce";import o from"lodash/has";import a from"lodash/keys";import i from"lodash/isFunction";import s from"lodash/isRegExp";import f from"lodash/isDate";import c from"lodash/isPlainObject";import p from"lodash/isArray";import u from"lodash/defaults";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,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function m(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(t,!0).forEach(function(r){l(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(t).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function h(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 y,v={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},g="function"==typeof Symbol&&Symbol.for,D=g?Symbol.for("react.memo"):60115,b=g?Symbol.for("react.forward_ref"):60112,_="http://bit.ly/wdyr02",R="http://bit.ly/wdyr3",E=(l(y={},v.different,"different objects."),l(y,v.deepEquals,"different objects that are equal by value."),l(y,v.date,"different date objects with the same value."),l(y,v.regex,"different regular expressions with the same value."),l(y,v.reactElement,"different React elements with the same displayName."),l(y,v.function,"different functions with the same name."),y),O=!1;function k(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(E[t]," (more info at ").concat(n?R:_,")")),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 its values are all equal."),"props"===a?"This could have been avoided by making the component pure, or by preventing its father from re-rendering.":"This usually means this component called setState when no changes in its state actually occurred.","More info at ".concat(_)),f.consoleLog("prev ".concat(a,":"),s.prev," !== ",s.next,":next ".concat(a)))}function N(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,p=e.reason,u=e.options;if(function(e,r,t){return!(O||!t.logOnDifferentValues&&(!r.whyDidYouRender||!r.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===v.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===v.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===v.different})))}(p,r,u)){u.consoleGroup("%c".concat(t),"color: ".concat(u.titleColor,";"));var d="Re-rendered because";p.propsDifferences&&(k({Component:r,displayName:t,prefixMessage:d,diffObjType:"props",differences:p.propsDifferences,values:{prev:o,next:s},options:u}),d="And because"),p.stateDifferences&&k({Component:r,displayName:t,prefixMessage:d,diffObjType:"state",differences:p.stateDifferences,values:{prev:a,next:f},options:u}),p.hookDifferences&&k({Component:r,displayName:t,prefixMessage:d,diffObjType:"hook",differences:p.hookDifferences,values:{prev:i,next:c},hookName:n,options:u}),p.propsDifferences||p.stateDifferences||p.hookDifferences||u.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(_)),u.consoleGroupEnd()}}var S=function(){};function w(){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=S),m({include:null,exclude:null,notifier:r.notifier||((e="hotReloadBufferMs"in r?r.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(r){"idle"===r&&(O=!0,setTimeout(function(){O=!1},e))}),N),onlyLogs:!1,consoleLog:console.log,consoleGroup:t,consoleGroupEnd:n,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},r)}function x(e){return e.displayName||e.name||e.type&&x(e.type)||e.render&&x(e.render)||(t(e)?e:void 0)}var C="undefined"!=typeof Element,P="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,T=function(e){return e.$$typeof===P};function j(e,r,t,n,o){return t.push({diffType:o,pathString:n,prevValue:e,nextValue:r}),o!==v.different}function Y(e,r,t){try{var n=[];return function e(r,t,n){var u=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(r===t)return!0;if(!r||!t)return j(r,t,n,u,v.different);if(p(r)&&p(t)){var l=r.length;if(l!==t.length)return j(r,t,n,u,v.different);for(var d=!0,m=l;0!=m--;)e(r[m],t[m],n,"".concat(u,"[").concat(m,"]"))||(d=!1);return j(r,t,n,u,d?v.deepEquals:v.different)}if(f(r)&&f(t))return r.getTime()===t.getTime()?j(r,t,n,u,v.date):j(r,t,n,u,v.different);if(s(r)&&s(t))return r.toString()===t.toString()?j(r,t,n,u,v.regex):j(r,t,n,u,v.different);if(C&&r instanceof Element&&t instanceof Element)return j(r,t,n,u,v.different);if(T(r)&&T(t))return r.type!==t.type?j(r,t,n,u,v.different):j(r,t,n,u,e(r.props,t.props,n,"".concat(u,".props"))?v.reactElement:v.different);if(i(r)&&i(t))return r.name===t.name?j(r,t,n,u,v.function):j(r,t,n,u,v.different);if(c(r)&&c(t)){var h=a(r),y=h.length;if(y!==a(t).length)return j(r,t,n,u,v.different);for(var g=y;0!=g--;)if(!o(t,h[g]))return j(r,t,n,u,v.different);for(var D=!0,b=y;0!=b--;){var _=h[b];e(r[_],t[_],n,"".concat(u,".").concat(_))||(D=!1)}return j(r,t,n,u,D?v.deepEquals:v.different)}return j(r,t,n,u,v.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 H={};function W(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 Y(e,r);var o=e||H,a=r||H,i=Object.keys(m({},o,{},a));return n(i,function(e,r){var t=Y(o[r],a[r],r);return t&&(e=[].concat(h(e),h(t))),e},[])}function L(e,r,t,n,o,a){return{propsDifferences:W(e,n),stateDifferences:W(r,o),hookDifferences:W(t,a,{shallow:!1})}}function I(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:L(o,a,i,s,f,c)}}function $(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 F=1;function A(e,r,t,n){class o extends e{constructor(r,t){var n;super(r,t),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 r=e._reactInternalFiber;null!==r;){if(r.mode&F)return!0;r=r.return}return!1}(this)),this._WDYR.isStrictMode&&this._WDYR.renderNumber%2==1||(this._WDYR.prevProps&&n.notifier(I({Component:e,displayName:r,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=r,u(o,e),o}function M(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,p=x(c);if(!$(c,p,a))return s;var u=o.useRef(),l=u.current;if(u.current=s,l){var d=I({Component:c,displayName:p,hookName:e,prevHook:i?r(l,i):l,nextHook:i?r(s,i):s,options:a});d.reason.hookDifferences&&a.notifier(d)}return u.current}function V(e,r,t,n,o){return r.$$typeof===D?function(e,r,t,n){var o=e.type,a=o.$$typeof===b,i=a?o.render:o;function s(){var o=arguments[0],a=t.useRef(),s=a.current;if(a.current=o,s){var f=I({Component:e,displayName:r,prevProps:s,nextProps:o,options:n});f.reason.propsDifferences&&f.reason.propsDifferences.length>0&&n.notifier(f)}return i.apply(void 0,arguments)}s.displayName=x(i),s.ComponentForHooksTracking=e,u(s,i);var f=t.memo(a?t.forwardRef(s):s,e.compare);return f.displayName=r,u(f,e),f}(r,t,n,o):r.$$typeof===b?function(e,r,t,n){var o=e.render,a=o.$$typeof===D,i=a?o.type:o;function s(){var o=arguments[0],a=t.useRef(),s=a.current;if(a.current=o,s){var f=I({Component:e,displayName:r,prevProps:s,nextProps:o,options:n});f.reason.propsDifferences&&f.reason.propsDifferences.length>0&&n.notifier(f)}return i.apply(void 0,arguments)}s.displayName=x(i),s.ComponentForHooksTracking=i,u(s,i);var f=t.forwardRef(a?t.memo(s,o.compare):s);return f.displayName=r,u(f,e),f}(r,t,n,o):r.prototype&&r.prototype.isReactComponent?A(r,t,0,o):function(e,r,t,n){function o(o){var a=t.useRef(),i=a.current;if(a.current=o,i){var s=I({Component:e,displayName:r,prevProps:i,nextProps:o,options:n});s.reason.propsDifferences&&n.notifier(s)}return e(o)}return o.displayName=r,o.ComponentForHooksTracking=e,u(o,e),o}(r,t,n,o)}function U(e,r,t,n,o){if(e.has(r))return e.get(r);var a=V(0,r,t,n,o);return e.set(r,a),a}var q={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function G(r,t){var n,o=w(t),a=r.createElement,i=r.createFactory,s=new WeakMap;if(r.createElement=function(e){for(var t=null,n=null,i=null,f=arguments.length,c=new Array(f>1?f-1:0),p=1;p<f;p++)c[p-1]=arguments[p];try{if(t=("function"==typeof e||e.$$typeof===D||e.$$typeof===b)&&$(e,x(e),o))return n=e&&e.whyDidYouRender&&e.whyDidYouRender.customName||x(e),i=U(s,e,n,r,o),a.apply(r,[i].concat(c))}catch(r){o.consoleLog("whyDidYouRender error. Please file a bug at https://github.com/welldone-software/why-did-you-render/issues.",{errorInfo:{error:r,componentNameOrComponent:e,rest:c,options:o,isShouldTrack:t,displayName:n,WDYRPatchedComponent:i}})}return a.apply(r,[e].concat(c))},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,i),o.trackHooks){var f=e(q,function(e,t){return function(){var a=n[t];if(!a)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var i=a.apply(void 0,arguments);return e&&M(t,!0===e?{}:e,i,r,o),i}});Object.defineProperty(r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){n=e&&m({},e,{},e.origHooks)},get:function(){return n&&m({},n,{},f,{origHooks:n})}})}return r.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(r,{createElement:a,createFactory:i}),s=null,Object.defineProperty(r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0,value:n}),delete r.__REVERT_WHY_DID_YOU_RENDER__},r}G.defaultNotifier=N;export default G;
+import e from"lodash/mapValues";import r from"lodash/get";import t from"lodash/isString";import n from"lodash/reduce";import o from"lodash/has";import a from"lodash/keys";import i from"lodash/isFunction";import s from"lodash/isRegExp";import f from"lodash/isDate";import c from"lodash/isPlainObject";import u from"lodash/isArray";import p from"lodash/defaults";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,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function m(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(t,!0).forEach((function(r){l(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(t).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function h(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 y,v={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},g="function"==typeof Symbol&&Symbol.for,b=g?Symbol.for("react.memo"):60115,D=g?Symbol.for("react.forward_ref"):60112,_="http://bit.ly/wdyr02",R="http://bit.ly/wdyr3",E=(l(y={},v.different,"different objects."),l(y,v.deepEquals,"different objects that are equal by value."),l(y,v.date,"different date objects with the same value."),l(y,v.regex,"different regular expressions with the same value."),l(y,v.reactElement,"different React elements with the same displayName."),l(y,v.function,"different functions with the same name."),y),O=!1;function k(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(E[t]," (more info at ").concat(n?R:_,")")),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 its values are all equal."),"props"===a?"This could have been avoided by making the component pure, or by preventing its father from re-rendering.":"This usually means this component called setState when no changes in its state actually occurred.","More info at ".concat(_)),f.consoleLog("prev ".concat(a,":"),s.prev," !== ",s.next,":next ".concat(a)))}function N(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!O&&(!!t.logOnDifferentValues||(!(!r.whyDidYouRender||!r.whyDidYouRender.logOnDifferentValues)||!(e.propsDifferences&&e.propsDifferences.some((function(e){return e.diffType===v.different}))||e.stateDifferences&&e.stateDifferences.some((function(e){return e.diffType===v.different}))||e.hookDifferences&&e.hookDifferences.some((function(e){return e.diffType===v.different})))))}(u,r,p)){p.consoleGroup("%c".concat(t),"color: ".concat(p.titleColor,";"));var d="Re-rendered because";u.propsDifferences&&(k({Component:r,displayName:t,prefixMessage:d,diffObjType:"props",differences:u.propsDifferences,values:{prev:o,next:s},options:p}),d="And because"),u.stateDifferences&&k({Component:r,displayName:t,prefixMessage:d,diffObjType:"state",differences:u.stateDifferences,values:{prev:a,next:f},options:p}),u.hookDifferences&&k({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(_)),p.consoleGroupEnd()}}var S=function(){};function w(){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=S),m({include:null,exclude:null,notifier:r.notifier||((e="hotReloadBufferMs"in r?r.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler((function(r){"idle"===r&&(O=!0,setTimeout((function(){O=!1}),e))})),N),onlyLogs:!1,consoleLog:console.log,consoleGroup:t,consoleGroupEnd:n,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},r)}function x(e){return e.displayName||e.name||e.type&&x(e.type)||e.render&&x(e.render)||(t(e)?e:void 0)}var T="undefined"!=typeof Element,C="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,j=function(e){return e.$$typeof===C};function P(e,r,t,n,o){return t.push({diffType:o,pathString:n,prevValue:e,nextValue:r}),o!==v.different}function Y(e,r,t){try{var n=[];return function e(r,t,n){var p=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(r===t)return!0;if(!r||!t)return P(r,t,n,p,v.different);if(u(r)&&u(t)){var l=r.length;if(l!==t.length)return P(r,t,n,p,v.different);for(var d=!0,m=l;0!=m--;)e(r[m],t[m],n,"".concat(p,"[").concat(m,"]"))||(d=!1);return P(r,t,n,p,d?v.deepEquals:v.different)}if(f(r)&&f(t))return r.getTime()===t.getTime()?P(r,t,n,p,v.date):P(r,t,n,p,v.different);if(s(r)&&s(t))return r.toString()===t.toString()?P(r,t,n,p,v.regex):P(r,t,n,p,v.different);if(T&&r instanceof Element&&t instanceof Element)return P(r,t,n,p,v.different);if(j(r)&&j(t))return r.type!==t.type?P(r,t,n,p,v.different):P(r,t,n,p,e(r.props,t.props,n,"".concat(p,".props"))?v.reactElement:v.different);if(i(r)&&i(t))return r.name===t.name?P(r,t,n,p,v.function):P(r,t,n,p,v.different);if(c(r)&&c(t)){var h=a(r),y=h.length;if(y!==a(t).length)return P(r,t,n,p,v.different);for(var g=y;0!=g--;)if(!o(t,h[g]))return P(r,t,n,p,v.different);for(var b=!0,D=y;0!=D--;){var _=h[D];e(r[_],t[_],n,"".concat(p,".").concat(_))||(b=!1)}return P(r,t,n,p,b?v.deepEquals:v.different)}return P(r,t,n,p,v.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 H={};function W(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 Y(e,r);var o=e||H,a=r||H,i=Object.keys(m({},o,{},a));return n(i,(function(e,r){var t=Y(o[r],a[r],r);return t&&(e=[].concat(h(e),h(t))),e}),[])}function L(e,r,t,n,o,a){return{propsDifferences:W(e,n),stateDifferences:W(r,o),hookDifferences:W(t,a,{shallow:!1})}}function I(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:L(o,a,i,s,f,c)}}function F(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 A=1;function M(e){return e.prototype&&!!e.prototype.isReactComponent}function V(e){return e.$$typeof===b}function U(e){return e.$$typeof===D}function q(e,r,t,n){class o extends e{constructor(r,t){var n;super(r,t),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 r=e._reactInternalFiber;null!==r;){if(r.mode&A)return!0;r=r.return}return!1}(this)),this._WDYR.isStrictMode&&this._WDYR.renderNumber%2==1||(this._WDYR.prevProps&&n.notifier(I({Component:e,displayName:r,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=r,p(o,e),o}function G(e,r,t,n,o){function a(){var a=arguments[0],i=n.useRef(),s=i.current;if(i.current=a,s){var f=I({Component:e,displayName:t,prevProps:s,nextProps:a,options:o});f.reason.propsDifferences&&!(r&&0===f.reason.propsDifferences.length)&&o.notifier(f)}return e.apply(void 0,arguments)}return a.displayName=t,a.ComponentForHooksTracking=e,p(a,e),a}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=x(c);if(!F(c,u,a))return s;var p=o.useRef(),l=p.current;if(p.current=s,l){var d=I({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)}return p.current}function B(e,r,t,n,o){return V(r)?function(e,r,t,n){var o=e.type,a=M(o),i=U(o),s=i?o.render:o,f=a?q(s,r,0,n):G(s,!0,r,t,n);f.displayName=x(s),f.ComponentForHooksTracking=e,p(f,s);var c=t.memo(i?t.forwardRef(f):f,e.compare);return c.displayName=r,p(c,e),c}(r,t,n,o):U(r)?function(e,r,t,n){var o=e.render,a=V(o),i=a?o.type:o,s=G(i,a,r,t,n);s.displayName=x(i),s.ComponentForHooksTracking=i,p(s,i);var f=t.forwardRef(a?t.memo(s,o.compare):s);return f.displayName=r,p(f,e),f}(r,t,n,o):M(r)?q(r,t,0,o):G(r,!1,t,n,o)}function z(e,r,t,n,o){if(e.has(r))return e.get(r);var a=B(0,r,t,n,o);return e.set(r,a),a}var J={useState:{path:"0"},useReducer:{path:"0"},useContext:!0,useMemo:!0};function K(r,t){var n,o=w(t),a=r.createElement,i=r.createFactory,s=new WeakMap;if(r.createElement=function(e){for(var t=null,n=null,i=null,f=arguments.length,c=new Array(f>1?f-1:0),u=1;u<f;u++)c[u-1]=arguments[u];try{if(t=("function"==typeof e||V(e)||U(e))&&F(e,x(e),o))return n=e&&e.whyDidYouRender&&e.whyDidYouRender.customName||x(e),i=z(s,e,n,r,o),a.apply(r,[i].concat(c))}catch(r){o.consoleLog("whyDidYouRender error. Please file a bug at https://github.com/welldone-software/why-did-you-render/issues.",{errorInfo:{error:r,componentNameOrComponent:e,rest:c,options:o,isShouldTrack:t,displayName:n,WDYRPatchedComponent:i}})}return a.apply(r,[e].concat(c))},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,i),o.trackHooks){var f=e(J,(function(e,t){return function(){var a=n[t];if(!a)throw new Error("[WhyDidYouRender] A problem with React Hooks patching occurred.");var i=a.apply(void 0,arguments);return e&&$(t,!0===e?{}:e,i,r,o),i}}));Object.defineProperty(r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){n=e&&m({},e,{},e.origHooks)},get:function(){return n&&m({},n,{},f,{origHooks:n})}})}return r.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(r,{createElement:a,createFactory:i}),s=null,Object.defineProperty(r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0,value:n}),delete r.__REVERT_WHY_DID_YOU_RENDER__},r}K.defaultNotifier=N;export default K;
 //# sourceMappingURL=whyDidYouRender.min.js.map

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

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

dist/umd/whyDidYouRender.min.js

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

package.json

 {
   "name": "@welldone-software/why-did-you-render",
-  "version": "3.3.3",
+  "version": "3.3.4",
   "description": "Monkey patches React to notify you about avoidable re-renders.",
@@ -17,2 +17,16 @@ "types": "types.d.ts",
   ],
+  "authors": [
+    "Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)"
+  ],
+  "license": "MIT",
+  "repository": "https://github.com/welldone-software/why-did-you-render",
+  "keywords": [
+    "react",
+    "component",
+    "pure",
+    "performance",
+    "render",
+    "update",
+    "tool"
+  ],
   "scripts": {
@@ -23,6 +37,6 @@ "start": "cross-env PORT=3003 NODE_ENV=development node demo/serve",
     "test:watch": "yarn test --watch",
-    "lint": "esw . --ext=js --cache --cache-location .temp/eslint-cache",
+    "lint": "esw . --ext=js --cache --cache-location .cache/eslint-cache",
     "lint:fix": "yarn lint --fix",
     "lint:watch": "yarn lint --watch",
-    "clear": "rimraf .temp dist demo/dist",
+    "clear": "rimraf .cache dist demo/dist",
     "watch": "concurrently --names \"Serve,Lint,Test\" \"npm:start\" \"npm:lint:watch\" \"npm:test:watch\"",
@@ -51,21 +65,22 @@ "checkHealth": "yarn lint && yarn test",
   "devDependencies": {
-    "@babel/cli": "^7.5.5",
-    "@babel/core": "^7.5.5",
+    "@babel/cli": "^7.6.0",
+    "@babel/core": "^7.6.0",
     "@babel/plugin-proposal-class-properties": "^7.5.5",
-    "@babel/preset-env": "^7.5.5",
+    "@babel/preset-env": "^7.6.0",
     "@babel/preset-react": "^7.0.0",
-    "@testing-library/jest-dom": "^4.0.0",
-    "@testing-library/react": "^9.1.1",
-    "@types/react": "^16.9.1",
+    "@testing-library/jest-dom": "^4.1.0",
+    "@testing-library/react": "^9.1.4",
+    "@types/react": "^16.9.2",
+    "@welldone-software/jest-console-handler": "^0.1.0",
     "acorn-walk": "^7.0.0",
     "astring": "^1.4.1",
     "babel-core": "^7.0.0-bridge.0",
-    "babel-eslint": "^10.0.2",
-    "babel-jest": "^24.8.0",
+    "babel-eslint": "^10.0.3",
+    "babel-jest": "^24.9.0",
     "babel-plugin-lodash": "^3.3.4",
-    "concurrently": "^4.1.1",
+    "concurrently": "^4.1.2",
     "create-react-class": "^15.6.3",
-    "cross-env": "^5.2.0",
-    "eslint": "^6.1.0",
-    "eslint-plugin-jest": "^22.15.1",
+    "cross-env": "^5.2.1",
+    "eslint": "^6.3.0",
+    "eslint-plugin-jest": "^22.17.0",
     "eslint-plugin-react": "^7.14.3",
@@ -75,37 +90,23 @@ "eslint-watch": "^6.0.0",
     "express-history-api-fallback": "^2.2.1",
-    "husky": "^3.0.3",
-    "jest": "^24.8.0",
-    "jest-cli": "^24.8.0",
+    "husky": "^3.0.5",
+    "jest": "^24.9.0",
+    "jest-cli": "^24.9.0",
     "magic-string": "^0.25.3",
-    "nollup": "^0.6.3",
+    "nollup": "^0.7.4",
     "react": "^16.9.0",
     "react-dom": "npm:@hot-loader/react-dom@^16.9.0",
-    "react-hot-loader": "^4.12.11",
-    "react-redux": "^7.1.0",
+    "react-hot-loader": "^4.12.13",
+    "react-redux": "^7.1.1",
     "redux": "^4.0.4",
-    "rimraf": "^2.6.3",
-    "rollup": "^1.19.4",
+    "rimraf": "^3.0.0",
+    "rollup": "^1.21.2",
     "rollup-plugin-babel": "^4.3.3",
-    "rollup-plugin-commonjs": "^10.0.2",
-    "rollup-plugin-commonjs-alternate": "^0.0.6",
-    "rollup-plugin-license": "^0.12.0",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-commonjs-alternate": "^0.0.7",
+    "rollup-plugin-license": "^0.12.1",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-replace": "^2.2.0",
-    "rollup-plugin-terser": "^5.1.1",
+    "rollup-plugin-terser": "^5.1.2",
     "styled-components": "^4.3.2"
-  },
-  "authors": [
-    "Vitali Zaidman <[e-mail]> (https://github.com/vzaidman)"
-  ],
-  "license": "MIT",
-  "repository": "https://github.com/welldone-software/why-did-you-render",
-  "keywords": [
-    "react",
-    "component",
-    "pure",
-    "performance",
-    "render",
-    "update",
-    "tool"
-  ]
+  }
 }

src/patches/patchForwardRefComponent.js

 import {defaults} from 'lodash'
 
-import getUpdateInfo from '../getUpdateInfo'
 import getDisplayName from '../getDisplayName'
-import {REACT_MEMO_TYPE} from '../consts'
+import {isMemoComponent} from '../utils'
+import patchFunctionalComponent from './patchFunctionalComponent'
 
@@ -10,31 +10,10 @@ export default function patchForwardRefComponent(ForwardRefComponent, displayName, React, options){
 
-  const isInnerComponentMemoized = InnerForwardRefComponent.$$typeof === REACT_MEMO_TYPE
-  const WrappedFunctionalComponent = isInnerComponentMemoized ? InnerForwardRefComponent.type : InnerForwardRefComponent
+  const isInnerComponentMemoized = isMemoComponent(InnerForwardRefComponent)
+  const WrappedFunctionalComponent = isInnerComponentMemoized ?
+    InnerForwardRefComponent.type : InnerForwardRefComponent
 
-  function WDYRWrappedByReactForwardRefFunctionalComponent(){
-    const nextProps = arguments[0]
-    const ref = React.useRef()
+  const WDYRWrappedByReactForwardRefFunctionalComponent = (
+    patchFunctionalComponent(WrappedFunctionalComponent, isInnerComponentMemoized, displayName, React, options)
+  )
 
-    const prevProps = ref.current
-    ref.current = nextProps
-
-    if(prevProps){
-      const notification = getUpdateInfo({
-        Component: ForwardRefComponent,
-        displayName,
-        prevProps,
-        nextProps,
-        options
-      })
-
-      // if a memoized functional component re-rendered without props change / prop values change
-      // it was probably caused by a hook and we should not care about it
-      if(notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0){
-        options.notifier(notification)
-      }
-    }
-
-    return WrappedFunctionalComponent(...arguments)
-  }
-
   WDYRWrappedByReactForwardRefFunctionalComponent.displayName = getDisplayName(WrappedFunctionalComponent)
@@ -41,0 +20,0 @@ WDYRWrappedByReactForwardRefFunctionalComponent.ComponentForHooksTracking = WrappedFunctionalComponent

src/patches/patchForwardRefComponent.test.js

@@ -66,47 +66,49 @@ /* eslint-disable no-console */
 test('forward ref a memo component', () => {
-  /* turns out this is not supported by react at this point. */
+  // This is not supported by React 16.9
+  expect(() => {
+    const content = 'My component!!!'
 
-  //   const content = 'My component!!!'
-  //
-  //   const MyComponent = React.forwardRef(React.memo((props, ref) => {
-  //     return <div ref={ref}>{content}</div>
-  //   }, () => true))
-  //
-  //   MyComponent.whyDidYouRender = true
-  //
-  //   let componentContentFromRef = null
-  //   let timesRefWasCalled = 0
-  //
-  //   const handleRef = ref => {
-  //     if(!ref){
-  //       return
-  //     }
-  //     timesRefWasCalled++
-  //     componentContentFromRef = ref.innerHTML
-  //   }
-  //
-  //   const {rerender} = rtl.render(
-  //     <MyComponent a={[]} ref={handleRef}/>
-  //   )
-  //
-  //   rerender(
-  //     <MyComponent a={[]} ref={handleRef}/>
-  //   )
-  //
-  //   expect(componentContentFromRef).toBe(content)
-  //   expect(timesRefWasCalled).toBe(1)
-  //
-  //   expect(updateInfos).toHaveLength(1)
-  //   expect(updateInfos[0].reason).toEqual({
-  //     propsDifferences: [
-  //       {
-  //         pathString: 'a',
-  //         diffType: diffTypes.deepEquals,
-  //         prevValue: [],
-  //         nextValue: []
-  //       }
-  //     ],
-  //     stateDifferences: false,
-  //     hookDifferences: false
-  //   })
+    const MyComponent = React.forwardRef(React.memo((props, ref) => {
+      return <div ref={ref}>{content}</div>
+    }, () => true))
+
+    MyComponent.whyDidYouRender = true
+
+    let componentContentFromRef = null
+    let timesRefWasCalled = 0
+
+    const handleRef = ref => {
+      if(!ref){
+        return
+      }
+      timesRefWasCalled++
+      componentContentFromRef = ref.innerHTML
+    }
+
+    const {rerender} = rtl.render(
+      <MyComponent a={[]} ref={handleRef}/>
+    )
+
+    rerender(
+      <MyComponent a={[]} ref={handleRef}/>
+    )
+
+    expect(componentContentFromRef).toBe(content)
+    expect(timesRefWasCalled).toBe(1)
+
+    expect(updateInfos).toHaveLength(1)
+    expect(updateInfos[0].reason).toEqual({
+      propsDifferences: [
+        {
+          pathString: 'a',
+          diffType: diffTypes.deepEquals,
+          prevValue: [],
+          nextValue: []
+        }
+      ],
+      stateDifferences: false,
+      hookDifferences: false
+    })
+  }).toThrow()
+  global.flushConsoleOutput()
 })

src/patches/patchFunctionalComponent.js

@@ -5,4 +5,5 @@ import {defaults} from 'lodash'
 
-export default function patchFunctionalComponent(FunctionalComponent, displayName, React, options){
-  function WDYRFunctionalComponent(nextProps){
+export default function patchFunctionalComponent(FunctionalComponent, isPure, displayName, React, options){
+  function WDYRFunctionalComponent(){
+    const nextProps = arguments[0]
     const ref = React.useRef()
@@ -14,3 +15,3 @@
     if(prevProps){
-      const notification = getUpdateInfo({
+      const updateInfo = getUpdateInfo({
         Component: FunctionalComponent,
@@ -23,10 +24,14 @@ displayName,
 
-      // if a functional component re-rendered without a props change
-      // it was probably caused by a hook and we should not care about it
-      if(notification.reason.propsDifferences){
-        options.notifier(notification)
+      const shouldNotify = (
+        updateInfo.reason.propsDifferences && (
+          !(isPure && updateInfo.reason.propsDifferences.length === 0)
+        )
+      )
+
+      if(shouldNotify){
+        options.notifier(updateInfo)
       }
     }
 
-    return FunctionalComponent(nextProps)
+    return FunctionalComponent(...arguments)
   }
@@ -33,0 +38,0 @@

src/patches/patchMemoComponent.js

 import {defaults} from 'lodash'
 
-import getUpdateInfo from '../getUpdateInfo'
 import getDisplayName from '../getDisplayName'
 
-import {REACT_FORWARD_REF_TYPE} from '../consts'
+import {isForwardRefComponent, isReactClassComponent} from '../utils'
+import patchClassComponent from './patchClassComponent'
+import patchFunctionalComponent from './patchFunctionalComponent'
 
@@ -11,37 +12,19 @@ export default function patchMemoComponent(MemoComponent, displayName, React, options){
 
-  const isInnerMemoComponentForwardRefs = InnerMemoComponent.$$typeof === REACT_FORWARD_REF_TYPE
-  const WrappedFunctionalComponent = isInnerMemoComponentForwardRefs ? InnerMemoComponent.render : InnerMemoComponent
+  const isInnerMemoComponentAClassComponent = isReactClassComponent(InnerMemoComponent)
+  const isInnerMemoComponentForwardRefs = isForwardRefComponent(InnerMemoComponent)
 
-  function WDYRWrappedByMemoFunctionalComponent(){
-    const nextProps = arguments[0]
-    const ref = React.useRef()
+  const WrappedFunctionalComponent = isInnerMemoComponentForwardRefs ?
+    InnerMemoComponent.render :
+    InnerMemoComponent
 
-    const prevProps = ref.current
-    ref.current = nextProps
+  const PatchedInnerComponent = isInnerMemoComponentAClassComponent ?
+    patchClassComponent(WrappedFunctionalComponent, displayName, React, options) :
+    patchFunctionalComponent(WrappedFunctionalComponent, true, displayName, React, options)
 
-    if(prevProps){
-      const notification = getUpdateInfo({
-        Component: MemoComponent,
-        displayName,
-        prevProps,
-        nextProps,
-        options
-      })
+  PatchedInnerComponent.displayName = getDisplayName(WrappedFunctionalComponent)
+  PatchedInnerComponent.ComponentForHooksTracking = MemoComponent
+  defaults(PatchedInnerComponent, WrappedFunctionalComponent)
 
-      // if a memoized functional component re-rendered without props change / prop values change
-      // it was probably caused by a hook and we should not care about it
-      if(notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0){
-        options.notifier(notification)
-      }
-    }
-
-    return WrappedFunctionalComponent(...arguments)
-  }
-
-  WDYRWrappedByMemoFunctionalComponent.displayName = getDisplayName(WrappedFunctionalComponent)
-  WDYRWrappedByMemoFunctionalComponent.ComponentForHooksTracking = MemoComponent
-  defaults(WDYRWrappedByMemoFunctionalComponent, WrappedFunctionalComponent)
-
   const WDYRMemoizedFunctionalComponent = React.memo(
-    isInnerMemoComponentForwardRefs ? React.forwardRef(WDYRWrappedByMemoFunctionalComponent) : WDYRWrappedByMemoFunctionalComponent,
+    isInnerMemoComponentForwardRefs ? React.forwardRef(PatchedInnerComponent) : PatchedInnerComponent,
     MemoComponent.compare
@@ -48,0 +31,0 @@ )

src/patches/patchMemoComponent.test.js

@@ -154,1 +154,70 @@ /* eslint-disable no-console */
 })
+
+test('memo a class component', () => {
+  class ClassComponent extends React.Component{
+    render(){
+      return <div>hi!</div>
+    }
+  }
+
+  const MyComponent = React.memo(ClassComponent)
+
+  MyComponent.whyDidYouRender = true
+
+  const {rerender} = rtl.render(
+    <MyComponent a={[]}/>
+  )
+
+  rerender(
+    <MyComponent a={[]}/>
+  )
+
+  expect(updateInfos).toHaveLength(1)
+  expect(updateInfos[0].reason).toEqual({
+    propsDifferences: [
+      {
+        pathString: 'a',
+        diffType: diffTypes.deepEquals,
+        prevValue: [],
+        nextValue: []
+      }
+    ],
+    stateDifferences: false,
+    hookDifferences: false
+  })
+})
+
+test('memo a pure class component', () => {
+  class ClassComponent extends React.PureComponent{
+    render(){
+      return <div>hi!</div>
+    }
+  }
+
+  const MyComponent = React.memo(ClassComponent)
+
+  MyComponent.whyDidYouRender = true
+
+  const {rerender} = rtl.render(
+    <MyComponent a={[]}/>
+  )
+
+  rerender(
+    <MyComponent a={[]}/>
+  )
+
+  expect(updateInfos).toHaveLength(1)
+  expect(updateInfos[0].reason).toEqual({
+    propsDifferences: [
+      {
+        pathString: 'a',
+        diffType: diffTypes.deepEquals,
+        prevValue: [],
+        nextValue: []
+      }
+    ],
+    stateDifferences: false,
+    hookDifferences: false
+  })
+  global.flushConsoleOutput()
+})

src/utils.js

 // copied from https://github.com/facebook/react/blob/master/packages/react-reconciler/src/ReactTypeOfMode.js
+import {REACT_FORWARD_REF_TYPE, REACT_MEMO_TYPE} from './consts'
+
 const StrictMode = 0b0001
@@ -16,1 +18,13 @@
 }
+
+export function isReactClassComponent(Component){
+  return Component.prototype && !!Component.prototype.isReactComponent
+}
+
+export function isMemoComponent(Component){
+  return Component.$$typeof === REACT_MEMO_TYPE
+}
+
+export function isForwardRefComponent(Component){
+  return Component.$$typeof === REACT_FORWARD_REF_TYPE
+}

src/whyDidYouRender.js

@@ -13,3 +13,3 @@ import {get, mapValues} from 'lodash'
 
-import {REACT_MEMO_TYPE, REACT_FORWARD_REF_TYPE} from './consts'
+import {isForwardRefComponent, isMemoComponent, isReactClassComponent} from './utils'
 
@@ -56,15 +56,15 @@ function trackHookChanges(hookName, {path: hookPath}, hookResult, React, options){
 function createPatchedComponent(componentsMap, Component, displayName, React, options){
-  if(Component.$$typeof === REACT_MEMO_TYPE){
+  if(isMemoComponent(Component)){
     return patchMemoComponent(Component, displayName, React, options)
   }
 
-  if(Component.$$typeof === REACT_FORWARD_REF_TYPE){
+  if(isForwardRefComponent(Component)){
     return patchForwardRefComponent(Component, displayName, React, options)
   }
 
-  if(Component.prototype && Component.prototype.isReactComponent){
+  if(isReactClassComponent(Component)){
     return patchClassComponent(Component, displayName, React, options)
   }
 
-  return patchFunctionalComponent(Component, displayName, React, options)
+  return patchFunctionalComponent(Component, false, displayName, React, options)
 }
@@ -107,4 +107,4 @@
           typeof componentNameOrComponent === 'function' ||
-          componentNameOrComponent.$$typeof === REACT_MEMO_TYPE ||
-          componentNameOrComponent.$$typeof === REACT_FORWARD_REF_TYPE
+          isMemoComponent(componentNameOrComponent) ||
+          isForwardRefComponent(componentNameOrComponent)
         ) &&
@@ -111,0 +111,0 @@ shouldTrack(componentNameOrComponent, getDisplayName(componentNameOrComponent), options)

No alert changes

Worsened metrics

Total package byte prevSize

1202113

decreased by-0.93%

Dev dependency count

44

increased by2.33%

Lines of code

15474

decreased by-0.9%

No dependency changes