Make use of overrideComponentTypeChecker to allow hot reloading without issues

Author: olegstepura

src/app/client.js

@@ -2,6 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
 import { AppContainer } from 'react-hot-loader';
+import { overrideComponentTypeChecker } from 'react-toolbox';
 
 const rootEl = document.getElementById('app');
 
@@ -14,8 +15,16 @@ const render = () => {
   );
 };
 
-if (module.hot) {
-  module.hot.accept('./App', render);
+if (process.env.NODE_ENV !== 'production') {
+  overrideComponentTypeChecker((classType, reactElement) => (
+    reactElement && (
+      reactElement.type === classType ||
+      reactElement.type.name === classType.displayName
+    )
+  ));
+  if (module.hot) {
+    module.hot.accept('./App', render);
+  }
 }
 
 render();