Check editor value after update

src/components/Widgets/MarkdownControlElements/VisualEditor/index.js

@@ -105,10 +105,17 @@ export default class Editor extends Component {
   }
 
   componentDidMount() {
+    this.view = new EditorView(this.ref, {
+      state: this.createEditorState(),
+      onAction: this.handleAction,
+    });
+  }
+
+  createEditorState() {
     const { schema, parser } = this.state;
     const doc = parser.parse(this.props.value || '');
-    this.view = new EditorView(this.ref, {
+
-      state: EditorState.create({
+    return EditorState.create({
       doc,
       schema,
       plugins: [
@@ -123,11 +130,17 @@ export default class Editor extends Component {
           'Mod-y': history.redo,
         }),
       ],
-      }),
-      onAction: this.handleAction,
     });
   }
 
+  componentDidUpdate(prevProps, prevState) {
+    const editorValue = this.state.serializer.serialize(this.view.state.doc);
+
+    if (editorValue !== this.props.value && editorValue !== prevProps.value) {
+      this.view.updateState(this.createEditorState());
+    }
+  }
+
   handleAction = (action) => {
     const { serializer } = this.state;
     const newState = this.view.state.applyAction(action);