Text with react-rte about craft.js HOT 4 CLOSED

<div>
            <EditButton icon={<FormatItalicIcon />} cmd="italic" />
            <EditButton icon={<FormatBoldIcon />} cmd="bold" />

            <EditButton
              cmd="createLink"
              arg="https://github.com/lovasoa/react-contenteditable"
              icon={<LinkIcon />}
            />
            <ContentEditable
              html={value} // innerHTML of the editable div
              onChange={(e) => {
                setProp((prop) =>
                  setProp((props) => {
                    props[propKey] = onChange
                      ? onChange(e.target.value)
                      : e.target.value;
                  })
                );
              }} // use true to disable editing
              style={{
                margin: "27px",
                border: "1px solid lightgray",
              }}
            />
          </div>

class SmartRichTextEditor extends React.Component {
  state = {
    value: undefined,
  };

  shouldComponentUpdate(nextProps, nextState) {
    if (
      this.props.value ==
      RichTextEditor.createValueFromString(nextProps.html, "html")
    ) {
      return false;
    }
    return true;
  }
  render() {
    console.log("rendering new");
    return (
      <RichTextEditor
        value={
          this.state.value
            ? this.state.value
            : RichTextEditor.createValueFromString(this.props.html, "html")
        }
        onChange={(value) => {
          this.setState({ value });

          this.props.onChange(value.toString("html"));
        }} // use true to disable editing
        style={{
          margin: "27px",
          border: "1px solid lightgray",
        }}
      />
    );
  }
}