BUG: RangeError Maximum call stack size exceeded

GrapesJS version

• I confirm to use the latest version of GrapesJS

What browser are you using?

Brave 1.33.105 Chromium: 96.0.4664.93

Reproducible demo link

https://codesandbox.io/s/relaxed-mccarthy-v2e37w

Describe the bug

How to reproduce the bug?

1. Add type of component have img or svg tag
2. Add this component to canvas

What is the expected behavior? Just It must be add without error

What is the current behavior? It will be return RangeError Maximum call stack size exceeded

If is necessary to execute some code in order to reproduce the bug, paste it here below:

const editor = grapesjs.init({
  container: "#gjs",
  fromElement: 1,
  storageManager: { type: 0 }
});

editor.DomComponents.addType("_img", {
  isComponent: (el) => {
    return true;
  },
  model: {
    defaults: {
      name: "main-block",
      components: /*HTML*/ `
      <img src="https://brave.com/static-assets/images/brave-logo.svg" />
    `
    }
  }
});

editor.BlockManager.add("_img", {
  label: "main-block",
  media: "mainTextIcon",
  content: [
    {
      type: "_img"
    }
  ]
});

Code of Conduct

• I agree to follow this project's Code of Conduct