deep equal on shouldComponentUpdate

src/react/JSONTree/mixins/expanded-state-handler.js

@@ -1,3 +1,5 @@
+import deepEqual from '../../../utils/deepEqual';
+
 export default {
   handleClick(e) {
     e.stopPropagation();
@@ -11,5 +13,9 @@ export default {
     this.renderedChildren = [];
     this.itemString = false;
     this.needsChildNodes = true;
+  },
+
+  shouldComponentUpdate(nextProps, nextState) {
+    return !deepEqual(this.state, nextState) || !deepEqual(this.props, nextProps);
   }
 };

src/utils/deepEqual.js

@@ -0,0 +1,22 @@
+const deepEqual = function (x, y) {
+  if ((typeof x == "object" && x != null) && (typeof y == "object" && y != null)) {
+    if (Object.keys(x).length != Object.keys(y).length) {
+      return false;
+    }
+    for (var prop in x) {
+      if (y.hasOwnProperty(prop)) {
+        if (! deepEqual(x[prop], y[prop])) {
+          return false;
+        }
+      } else {
+        return false;
+      }
+    }
+    return true;
+  } else if (x !== y){
+    return false;
+  }
+  return true;
+}
+
+export default deepEqual;