CKEditor with redux-form rerenders while changing content

[vivek7890]

I see a problem when I try to change the content of CKEditor, all the time it flickers. I am using CKEditor with redux-form.

Here is my code -

onChange = e => {
    var newContent = e.editor.getData();
    // Send data to redux-form
    this.props.onChange(newContent);
  };

<CKEditor
        activeClass="p10"
        scriptUrl="/vendor/ckeditor/ckeditor.js"
        content={this.props.value}
        key={this.props.value}
        events={{
          change: this.onChange,
        }}
      />

[vivek7890]

Finally, I solved this issue by using the following code -

shouldComponentUpdate() {
    return false;
  }

I also followed this issue on stack over flow- https://stackoverflow.com/a/24871991/5198573