react-draft-wysiwyg html読み込み時に画像が📷になってしまう。

カメラになっちゃう。。

画像挿入時は、表示されているが次回読み込み時にカメラになっちゃう。

解決

バックエンドのデータ(html)を EditorState　へ変更するときに、
convertFromHTML でなく、 htmlToDraft　を利用することで解決した。

htmlToDraft は、こちら

---

before

const conv = convertFromHTML(contents);

const contentState = ContentState.createFromBlockArray(
  conv.contentBlocks,
  conv.entityMap,
);
const data = EditorState.createWithContent(contentState);

const [val, setVal] = useState(data)

after

const conv = htmlToDraft(contents); // 変更

const contentState = ContentState.createFromBlockArray(
  conv.contentBlocks,
  conv.entityMap,
);
const data = EditorState.createWithContent(contentState);

const [val, setVal] = useState(data)

参考