#277 - Fix for crashing on enter in RichText control

Author: estruyf

src/controls/richText/RichText.tsx

@@ -17,6 +17,7 @@ import { Icon } from 'office-ui-fabric-react/lib/Icon';
 import { elementContains } from 'office-ui-fabric-react/lib/Utilities';
 import * as telemetry from '../../common/telemetry';
 import { initializeIcons } from 'office-ui-fabric-react/lib/Icons';
+import isEqual = require('lodash/isEqual');
 
 
 const TOOLBARPADDING: number = 28;
@@ -178,6 +179,21 @@ export class RichText extends React.Component<IRichTextProps, IRichTextState> {
     }
   }
 
+  /**
+   * shouldComponentUpdate lifecycle hook
+   *
+   * @param nextProps
+   * @param nextState
+   */
+  public shouldComponentUpdate(nextProps: IRichTextProps, nextState: IRichTextState): boolean {
+    // Checks if the value coming in is the same
+    if (isEqual(nextState, this.state)) {
+      return false;
+    }
+
+    return true;
+  }
+
   /**
    * Returns a handle to the Quill editor
    */

src/webparts/controlsTest/components/ControlsTest.tsx

@@ -319,7 +319,8 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
         <DateTimePicker label="DateTime Picker (unspecified = date and time)" value={new Date()} onChange={(value) => console.log("DateTimePicker value:", value)} />
         <DateTimePicker label="DateTime Picker (unspecified = date and time)" timeConvention={TimeConvention.Hours24} value={new Date()} onChange={(value) => console.log("DateTimePicker value:", value)} />
 
-        <RichText isEditMode={this.props.displayMode === DisplayMode.Edit} onChange={value => { this.richTextValue = value; return value; }} />
+        {/* <RichText isEditMode={this.props.displayMode === DisplayMode.Edit} onChange={value => { this.richTextValue = value; return value; }} /> */}
+        <RichText isEditMode={this.props.displayMode === DisplayMode.Edit} onChange={value => { this.setState({richTextValue: value}); return value; }} />
 
         <ListItemAttachments listId='0ffa51d7-4ad1-4f04-8cfe-98209905d6da'
           itemId={1}