Got the error "value must be string"

I dit this function:

function Wysiwyg() {
  const editor = React.useRef(null)
  const [content, setContent] = React.useState('')
  const config = {
    readonly: false, // all options from https://xdsoft.net/jodit/doc/
  }

  return (
    <JoditEditor
      ref={editor}
      value={content}
      config={config}
      // eslint-disable-next-line
      tabIndex={1} // tabIndex of textarea
      onBlur={(newContent) => setContent(newContent)}
      onChange={() => {}}
    />
  )
}

But when I click on the are I get an error message “value must be string”. I use React 16.13

[kirkrd]

OnBlur currently return a FocusEvent and not a string value. Which is why the error occurs. I managed to get the value by creating a OnBlur handler like this:

const onBlur = (event: any) => { const editorValue = event.target.innerHTML; setContent(editorValue); };

Then props: OnBlur={onBlur}

Workaround, but either the docs/types should be updated or make the return value a string value again.

[cheshirrrcat]

Hi guys! I dealt with this problem like this: onBlur={newContent => setContent(newContent.target.innerHTML)} And everything works perfectly 👏🏻