Error: Invariant failed

[JensSteckhan]

Thanks for the great tutorial.
However, with newer versions of slate-react, pressing the toolbar buttons no longer seems to work:
The following error occurs:
Error: Invariant failed: As of Slate 0.42.0, value object are no longer schema-aware, and the value.change() method is no longer available. Use the editor.change() method on the new Editor controller instead.

[JensSteckhan]

II managed to fix it locally with the following changes. However, the code that you checked in seems to run into other problems with newer versions as well, so I'll simply document my changes. Maybe it is helpful for someone ;-)

...add a reference to editor in TextEditor.js:

ref = editor => {
        this.editor = editor
}

...initialize it in render():

<Editor
                    value={this.state.value}
                    ref={this.ref}
                    onChange={this.onChange}
                    onKeyDown={this.onKeyDown}
                    renderMark={this.renderMark}
                />

...and change the onMarkClick to the following:

onMarkClick = (e, type) => {
        e.preventDefault();
        this.editor.toggleMark(type);
    }