Uncaught TypeError: Cannot read property 'destruct' of null

When I go to save I get this error:

app.js:formatted:6369 Uncaught TypeError: Cannot read property 'destruct' of null
    at app.js:formatted:6369
    at HTMLUnknownElement.callCallback (vendor.js:23251)
    at Object.invokeGuardedCallbackDev (vendor.js:23300)
    at invokeGuardedCallback (vendor.js:23362)
    at flushPassiveEffectsImpl (vendor.js:42844)
    at unstable_runWithPriority (app.js:formatted:36153)
    at runWithPriority$1 (vendor.js:30582)
    at flushPassiveEffects (vendor.js:42748)
    at vendor.js:42780
    at workLoop (app.js:formatted:36097)

The formatted vendor code is:

Object(e.useEffect)((function() {
    var t = u.current;
    return u.current = a.Jodit.make(t, i),
    u.current.workplace.tabIndex = c || -1,
    u.current.events.on("blur", (function(t) {
        return l && l(t)
    }
    )),
    u.current.events.on("change", (function(t) {
        return s && s(t)
    }
    )),
    d && (t.id = d),
    n && (t.name = n),
    "function" == typeof p && p(u.current),
    function() {
        u.current.destruct(),
        u.current = t
    }
}

Which seems to be this source code: In particular line 47

https://github.com/jodit/jodit-react/blob/9497b6769402160e9302797558509702c6579673/src/JoditEditor.js#L30-L50

I’m wondering if the SPA navigates away and the referenced element no longer exists? If I breakpoint the code it doesn’t break, and doesn’t navigate away, but if I remove the breakpoint it goes back to breaking.

[ssuettenbach]

We have the same message. We are using React and since updating our dependencies from React-DOM v16 to v17 the error appears everytime the JoditEditor is removed from the viewport, for example like page-navigation or hiding the editor.

No useEffect or hooks!

export const TextEditor = (props: TextEditorProps): JSX.Element => {
  const [content, setContent] = useState(props.content || "");
  const [showEditor, setShowEditor] = useState(false);

  const onBlur = (newContent) => {
    setContent(newContent);
    setShowEditor(false);
  }

  if (showEditor) {
   // show preview
   return (
      <div
        className={`texteditor-readonly ${content ? "" : "text-light"}`}
        style={{ height: props.fullSize ? "100%" : "auto" }}
        onClick={()=> setShowEditor(true)}
      >
          {content}
      </div>
    );
  } else {
    // show editor
    return (
      <JoditTextEditor content={content} onBlur={(evt: any) => onBlur(evt.target.innerHTML)} />
    );
  }

[luckylks]

Any solution to this problem? I used the code presented in the README.md at https://github.com/jodit/jodit-react and I am launching the editor in a modal. The error occurs on both Save and Cancel events of the modal that automatically close the modal as well as the editor.