[Bug] TypeError: Cannot read property 'deactivate' of null

I am trying to use editor.js with react hooks and every time I am trying to destroy the editor I get the following error: TypeError: Cannot read property 'deactivate' of null

From what I can see, when you call the destroy method on the editor instance the destroy methods of BlockSettings and Toolbox are being called twice.

1. src/codex.ts: the first call to destroy happens in here
2. src/components/modules/toolbar/index.ts: the second call to destroy happens here

Both destroy methods of BlockSettings and Toolbox are setting this.flipper = null after a calling this.flipper.deactivate() and thus the error message: TypeError: Cannot read property 'deactivate' of null

Steps to reproduce: Demo App: https://react-editor.vercel.app/ Demo source code: https://github.com/riezler-co/editorjs-demo The modified editorjs code: https://github.com/riezler-co/editor.js

Expected behavior: I can destroy the editor without throwing an exception

Screenshots: https://drive.google.com/file/d/1DMvTvP2MKnCPiOSW92tMKlGqTw1TBRHU/view?usp=sharing

Device, Browser, OS: Version 86.0.4240.111 (Official Build) (64-bit)

Editor.js version: 2.19.0

Plugins you use with their versions: none

[aomini]

Not sure if this is ideal but for the time being I tried this in my react component

if (instance) {
      document.querySelector(`#${holder} .codex-editor`).remove();
    }

[sam26880]

Is there any update on this issue? I’m seeing this as well.

I ran into this issue when using the readOnly flag set to true. When I remove the flag, it works fine.