Definición incorrecta de tipo para PanelManager.addPanel

@artf - No leíste la frase completa. Se puede ver claramente en el propio código que requiere el argumento dado como el objeto completo 'Panel'. En tu documentación (como está enlazado), no le estás asignando el objeto completo 'Panel' del ejemplo, sino simplemente un objeto con esos proyectos. Tu ejemplo es el siguiente:

editor. Panels.addPanel({
  id: 'panel-top',
  EL: '.panel__top',
});

De lo que TypeScript se quejará porque el objeto asignado no es una instancia de un 'Panel' ni un array de las propiedades del objeto.

La documentación del sitio dice que los parámetros dados solo pueden ser un objeto con las propiedades

Perdona, ¿dónde lees exactamente esa afirmación?

Gracias por informar de esto, @duclet.

El problema con Definición incorrecta de tipo para PanelManager.addPanel parece ser una condición de carrera o un problema de sincronización de gestión de estados. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modificaciones del DOM se superponen, creando un estado inconsistente.

Qué probar:

1. Añadir un envoltorio setTimeout para asegurar que el DOM se ha asentado: '''javascript setTimeout(() => { Tu operación aquí }, 0);

2. **Comprobar el orden de inicialización** — asegúrate de que los componentes estén completamente cargados antes de interactuar con ellos

3. **Utilizar el sistema de eventos del editor** — escuchar los eventos de finalización:
'''javascript
editor.on('component:mount', (component) => {
  Es seguro interactuar con el componente aquí
});

Recomendaciones de siguientes pasos:

• Prueba con la última versión de GrapesJS si no lo has hecho
• Proporcionar un ejemplo mínimo reproducible (CodeSandbox) — esto ayuda al equipo a identificar la causa raíz más rápido
• Incluir errores de GrapesJS, de navegador y de consola en tu informe