Example from doc not working (TypeError value must be string)

I’ve tried jodit-react with the most basic example I could find but it breaks after typing a few words in the editor.

Steps to reproduce:

1. Go to: https://codesandbox.io/s/sleepy-colden-1twnp
2. Type a few things in the editor
3. Wait for a bit
4. Watch it break with TypeError value must be string

Code to reproduce locally:

index.js

import React from "react";
import ReactDOM from "react-dom";

import App from "./App";

const rootElement = document.getElementById("root");
ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  rootElement
);

App.js

import React from "react";
import "./styles.css";
import Editor from "./Editor";

export default function App() {
  return <Editor />;
}

Editor.js

import React, { useState, useRef } from "react";
import JoditEditor from "jodit-react";

const Example = ({}) => {
  const editor = useRef(null);
  const [content, setContent] = useState("");

  const config = {
    readonly: false // all options from https://xdsoft.net/jodit/doc/
  };

  return (
    <JoditEditor
      ref={editor}
      value={content}
      config={config}
      tabIndex={1} // tabIndex of textarea
      onBlur={(newContent) => setContent(newContent)} // preferred to use only this option to update the content for performance reasons
      onChange={(newContent) => {}}
    />
  );
};

export default Example;

[chassteel]

This can be fixed by changing the onBlur to:

onBlur={(newContent) => setContent(newContent.target.innerHTML)}

This may be a bug though (and so may be fixed in future) since the onChange event passes the target.innerHTML directly.

[ctsstc]

Same as #91 and a good PR on #103 that includes the standard event too.