Usando el CLI de uvas para crear un plugin

Hola equipo,

Estoy intentando usar la herramienta de CLI de uvas (https://github.com/artf/grapesjs-cli) para crear un plugin que se use con un proyecto de React. La herramienta CLI creaba archivos blocks.js, components.js y index.js. El archivo index.js contiene el siguiente código:

Export default (editor, opts = {}) => {
  const options = {
    ... {
      Opciones por defecto
    },
    ... OPS
  };

Añadir componentes
  loadComponents (editor, opciones);
  Añadir bloques
  loadBlocks (editor, opciones);

TODO Eliminar
  editor.on("cargar", () =>
    editor.addComponents(
      '<div style="margin:100px; padding:25px;">
     
',</div>
      { at: 0 }
    )
  );

¿Cuál de los siguientes debe usarse para definir componentes? ¿Se usa loadComponents para cargar los componentes definidos en el components.js o para sumar los componentes?

1. loadComponents(editor, opciones)
2. editor.addComponents( )
3. O usar el archivo components.js

¿Podríais crear algunos codesandboxes que nos ayuden a entender mejor cómo usar grapesjs con react, jsx, kits de herramientas de interfaz como material-UI, etc.?

Gracias, Arun