Editor.destroy()

I want to destroy the editor instance manually and then set it again when the component is updated. I am using ReactJs but I am not using the react wrapper. Whenever I try to call the destroy function I got the error that destroy is not a function.

const MyEditor = () => {
  const [editor, setEditor] = useState([]);
  useEffect(() => {
    if (editor.length != 0) { 
      editor.destroy();
    }
    setEditor(
      new EditorJS({
        holder: "editor",
        placeholder: "Insert your text here!",
        tools: {
          header: Header,
          list: List,
          quote: Quote,
          checklist: Checklist,
          code: Code,
          table: Table,
          image: {
            class: ImageTool,
            config: {
              endpoints: {
                byFile: "myFile",
                byUrl: "myUrl"
              }
            }
          }
        },
        data: {
          blocks: myBlocks
        }
      })
    );
  }, [myData]);

[mohanagy]

you can use it inside isReady editor.isReady .then(() => { // editor.destroy(); /** Do anything you need after editor initialization */ });

[evanjmg]

getting this now with read only mode