Los bloques no se pueden arrastrar para el lienzo

Versión GrapesJS

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

¿Qué navegador usas?

Tauri

Enlace de demo reproducible

**

Describe el bicho

¿Cómo reproducir el bicho? 1. 2. ...

¿Cuál es el comportamiento esperado? ...

¿Cuál es el comportamiento actual? ...

Si es necesario ejecutar algo de código para reproducir el error, pégalo aquí abajo: '''js "usar cliente"

import { useEffect, useRef, useState } de "react" import { usePathname, useSearchParams } from "next/navigation" importar { Project, ProjectsAtom } de "@/atoms/projects" importar { useAtom } de "jotai" importar grapesjs, { Editor } de 'grapesjs' Importa 'grapesjs/dist/css/grapes.min.css' exportar función por defecto Project() { const ref = useRef(null) const i = useSearchParams() const [proyectos, proyectos_de_conjunto] = átomo(átomo-de_proyectos) const [project,setProj]= useState<Project>() const [editor,setEditor]= useState<any>()

useEffect(() => { setProj(projects.find((el) => el.id == i.get("id"))) }, [proyectos]) useEffect(() => { const e = grapesjs.init({ contenedor: "#co", fromElement: cierto, blockManager: { appendTo: '#blocks', },

}) setEditor(e) editor. BlockManager.add('my-first-block', { etiqueta: 'Bloque simple', contenido: '<div class="my-block margin-only" style="box-ssize: border-box; height: 100px; margin: 10vh 0 0 0; text-align: center;"> Este es un bloque sencillo de 2</div>', }); console.log("================================") }, []) regreso ( <> <div id="bloques"></div> <id={"co"}>

</div> </> ) }

### Código de conducta

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