Как интегрировать javascript плагин в reactjs

Question

Я пытаюсь интегрировать плагин javascript в свое приложение реакции. Первоначально я загрузил скрипт javascript url реакции-загрузки-плагина, затем всякий раз, когда я собираюсь интегрировать, он не работает

          componentDidMount() {
            var editor = grapesjs.init({
              container: "#gjs",
              plugins: ["gjs-preset-newsletter"],
              pluginsOpts: {
                "gjs-preset-newsletter": {
                  modalTitleImport: "Import template"
                  // ... other options
                }
              }
            });
          }

Я использовал componenttentDidmount для настройки плагина с использованием идентификатора, потому что мне нужно отобразить пользовательский интерфейс внутри метода render () с помощью идентификатора

          <div className="App">
             <Script
              url="https://unpkg.com/grapesjs-preset-newsletter"
              onCreate={this.handleScriptCreate.bind(this)}
              onError={this.handleScriptError.bind(this)}
              onLoad={this.handleScriptLoad.bind(this)}
            />
           <div id="gjs"></div>
              </div>

Может кто-нибудь сказать мне, в чем проблема, и почему этот код не работает? У меня также есть пример кода, с которым я сталкиваюсь сейчас .

код: https://codesandbox.io/s/damp-water-295lc