DIG-suggestion changed componentheight to class

src/ffe-component-height.jsx

@@ -1,47 +1,42 @@
 import React from 'react';
-import { shouldComponentUpdate } from 'react/lib/ReactComponentWithPureRenderMixin';
 
-const ReactHeight = React.createClass({
-    propTypes: {
-        children: React.PropTypes.node.isRequired,
-        onHeightReady: React.PropTypes.func.isRequired
-    },
-
-    getInitialState() {
-        return {
+class ReactHeight extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
             height: 0
         };
-    },
+        this.componentDidMount = this.componentDidMount.bind(this);
+        this.shouldComponentUpdate = this.shouldComponentUpdate.bind(this);
+        this.setWrapperRef = this.setWrapperRef.bind(this);
+    }
 
     componentDidMount() {
         const height = this.wrapper.clientHeight;
-
-        this.setState({ height }, () => this.props.onHeightReady(this.state.height));
-    },
-
-    shouldComponentUpdate,
-
-    componentDidUpdate() {
-        if (this.wrapper) {
-            const height = this.wrapper.clientHeight;
-            if (height !== this.state.height) {
-                this.setState({ height }, () => this.props.onHeightReady(this.state.height)); //eslint-disable-line react/no-did-update-set-state
-            }
+        if (height !== this.state.height) {
+            this.setState({ height }, () => this.props.onHeightReady(this.state.height));
         }
-    },
+    }
+
+    shouldComponentUpdate(nextProps, nextState) {
+        return nextState.height === this.state.height;
+    }
 
     setWrapperRef(el) {
         this.wrapper = el;
-    },
+    }
 
     render() {
-        const { children, ...props } = this.props;
-
-        return <div ref={ this.setWrapperRef } {...props}>
+        const { children } = this.props;
+        return <div ref={ this.setWrapperRef }>
             { children }
         </div>;
     }
-});
+}
 
+ReactHeight.propTypes = {
+    children: React.PropTypes.node.isRequired,
+    onHeightReady: React.PropTypes.func.isRequired
+};
 
 export default ReactHeight;

src/ffe-expandable-react.jsx

@@ -3,8 +3,8 @@ import ComponentHeight from './ffe-component-height';
 
 class Expandable extends React.Component {
 
-    constructor() {
-        super();
+    constructor(props) {
+        super(props);
         this.state = { height: -1 };
     }