defaultValue not loaded correctly with customcontrols

[sdnetwork]

Hello,

i think there is a problem with defaultValue and customcontrols, in this exemple

https://codesandbox.io/s/mui-rte-basic-im7ci?file=/src/index.js:0-683

import React from "react";
import ReactDOM from "react-dom";
import MUIRichTextEditor from "mui-rte";

const customControl = [
  {
    name: "my-style",
    type: "inline",
    inlineStyle: {
      backgroundColor: "black",
      color: "red"
    }
  }
];
const test =
  '{"blocks":[{"key":"b76h6","text":"hellllo","type":"unstyled","depth":0,"inlineStyleRanges":[{"offset":0,"length":7,"style":"MY-STYLE"}],"entityRanges":[],"data":{}}],"entityMap":{}}';

ReactDOM.render(
  <MUIRichTextEditor
    defaultValue={test}
    customControls={customControl}
    inlineToolbar={true}
    readOnly
  />,
  document.getElementById("root")
);

the hellllo text is not rendered correctly in initial load, an other strange behaviour if you click on text the style of custom control is applied ...

[niuware]

@sdnetwork Thanks for reporting the issue. This is fixed on version 1.20.0.