BUG: Editor Freeze on loadProjectData 0.21.7

Hi, I encountered the same issue using Vue 3 and using a vue ref to store the editor. Not sure if this is a good idea though.

A code reproduction would be something like:

<script setup>
// import vue ref
import { ref } from 'vue'

const editor = ref(null)

editor.value = grapesjs.init({
  container: '#gjs',
  ...
})

// This makes the browser view freeze
editor.loadProjectData({ ... })
</script>

<template>
  <div id="gjs" />
</template>

Fix: don't use a ref 😅

Are you able to provide a reproducible demo? Tried your example and I don't see any freeze....

tried with the latest version 21.7 i try to put it online, but i just pasted html from a custom command, the source is pasted, but after it, the editor freeze ( i need to close the page )

for example

btnImp.onclick = () => {
          editor.runCommand('core:canvas-clear')
          // editor.Css.clear()
          editor.setComponents(codeViewer.getContent().trim())
          editor.Modal.close()
        }

where the codeViewer.getContent().trim() get simple html from a modal