Reacciona con GrapeJS

Saludos, he buscado y no he encontrado una solución concreta a mi problema. Actualmente, estoy intentando integrar mi aplicación React con GrapeJS. 
'importar React, { Componente } de 'react';
importar './GrapesSrc/grapes.min.js';
importar GrapesIndex de 'grapejs';

clase GrapesEditor extiende Componente {
    constructor(props){
        super(utilería);
        
}
    shouldComponentUpdate(){
        return false
    }

componentDidMount(){
        
const editor = grapesjs.init({
            contenedor: '#gjs',
            componentes: '<div class="txt-red">¡Hola mundo!</div>',
            Estilo: '.txt-rojo{color: rojo}',
        });
    }

render() {

regreso (
      <id de div ='gjs'>    

</div>
    );
  }
}

exportar GrapesEditor por defecto;
`

He probado a usar la CDN, incluyéndola en mi archivo de index.html, pero todo eso seguía teniendo el error de que grapesjs estaba indefinido.
Intenté importar './GrapesSrc/grapes.min.js' directamente. Creando una carpeta nueva con los códigos en la CDN, pero aún así no funcionaba.

No estoy seguro de si esta es una pregunta válida o no, ya que hubo un problema que parecía similar a este que fue rechazado.