El método Editor Destroy genera un error en React

Versión GrapesJS

• Confirmo que se debe usar la última versión de GrapesJS

¿Qué navegador usas?

Chrome 98

Enlace de demo reproducible

https://codesandbox.io/s/withered-rain-z74rst?file=/src/App.js

Describe el bicho

¿Cómo reproducir el bicho?

1. Desmontar elemento hijo
2. Crear useEffect con callback donde el editor se destruye

¿Cuál es el comportamiento esperado? Sin error

¿Cuál es el comportamiento actual? Lanza error, porque no puede encontrar un elemento. Al menos un 'getBody()' devuelve nulo.

Trace de pila desde la bifurcación 0.18.3 con minifacción desactivada.

TypeError: No se pueden leer propiedades de null (leyendo 'querySelector')
    en child.getBody (grapes.min.js:53052:1)
    a las grapes.min.js:11286:1
    en Array.forEach (<anonymous>)
    at child.toggleSelectComponent (grapes.min.js:11284:1)
    en child.stopSelectComponent (grapes.min.js:11244:1)
    en child.stop (grapes.min.js:11975:1)
    en EditorModel.stopDefault (grapes.min.js:46802:1)
    en EditorModel.destroyAll (grapes.min.js:46938:1)
    en Object.destroy (grapes.min.js:47790:1)
    en page-builder-tab.tsx:28:16

En caso de que el código de arena desaparezca: '''js importar uvas de "uvasjs";

importar React de "react";

exportar función predeterminada App() { const [showFoo, setShowFoo] = React.useState(true);

alternancia const = () => { setShowFoo(!showFoo); };

regreso ( <div> <botón onClick={toggle}>¡Haz clic para activar!</button> {showFoo? <Foo /> : <p>Haz clic en el botón para mostrar uvas</p>} </div> ); }

const Foo = () => { React.useEffect(() => { const editor = grapesjs.init({ contenedor: "#gjs", fromElement: 1, storageManager: { type: 0 }, Plugins: ["GJS-Blocks-Basic"] });

return () => { editor.destroy(); }; });

return <div id="gjs"></div>; };

### Código de conducta

- [X] Acepto seguir el Código de Conducta de este proyecto