Editing Text Block content directly in grapejs canvas error

[MunimUsmani]

Hi so I am making a question designer using grapejs and whenever I am editing a text block and then clicking outside of the block or anywhere on the screen I am getting this error

Uncaught runtime errors:
×
ERROR
el.getAttribute is not a function
TypeError: el.getAttribute is not a function
at child.isComponent (http://localhost:8080/:1255:31)
at Object.detectNode (webpack://grapesjs/./src/parser/model/ParserHtml.ts?:180:50)
at Object.parseNode (webpack://grapesjs/./src/parser/model/ParserHtml.ts?:198:30)
at Object.parseNodes (webpack://grapesjs/./src/parser/model/ParserHtml.ts?:264:34)
at Object.parse (webpack://grapesjs/./src/parser/model/ParserHtml.ts?:351:35)
at ParserModule.parseHtml (webpack://grapesjs/./src/parser/index.ts?:105:27)
at Components.parseString (webpack://grapesjs/./src/dom_components/model/Components.ts?:274:32)
at Components.resetFromString (webpack://grapesjs/./src/dom_components/model/Components.ts?:163:27)
at child.eval (webpack://grapesjs/./src/dom_components/view/ComponentTextView.ts?:280:35)
at step (webpack://grapesjs/./src/dom_components/view/ComponentTextView.ts?:67:23)

How do I fix it

[mosh-tudor]

@MunimUsmani
Without a reproducible demo, it’s hard to help you, since the problem is on your side.

[artf]

Probably you have a custom component with something like isComponent: (el) => el.getAttribute(...)...
Unfortunately, there is a misleading TS we have there, el could also be a Text not only HTMLElement, so getAttribute is not available here.
The fix would be something like: isComponent: (el) => el.getAttribute && el.getAttribute(...)...