diff --git a/package.json b/package.json
index f8874daaba988e15c01f7a3eacebf55c86aae10b..2d212c10ca839fcf91276296551464dd6c7925e0 100644
--- a/package.json
+++ b/package.json
@@ -37,6 +37,7 @@
     "@material-ui/core": "^3.9.1",
     "@material-ui/icons": "^3.0.2",
     "@researchgate/react-intersection-observer": "^0.7.4",
+    "@welldone-software/why-did-you-render": "^3.0.0-beta.1",
     "classnames": "^2.2.6",
     "css-ns": "^1.2.2",
     "deepmerge": "^3.1.0",
diff --git a/src/index.js b/src/index.js
index 409db33dbfc430c779f0c3599e2c14e859555f55..30c575b733ec2193fc35a77908b8e1b9563dca3b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,3 +1,5 @@
+import React from 'react';
+import whyDidYouRender from '@welldone-software/why-did-you-render';
 import init from './init';
 import * as actions from './state/actions';
 import * as selectors from './state/selectors';
@@ -5,6 +7,15 @@ import * as selectors from './state/selectors';
 export * from './components';
 export * from './state/reducers';
 
+whyDidYouRender(React, {
+  collapseGroups: true,
+  // include: [/.*/],
+  // notifier: ({ Component, displayName }) => {
+  //   console.warn(displayName);
+  // },
+  // onlyLogs: true,
+});
+
 const exports = {
   actions,
   selectors,