Construyo un diagrama usando D3.js y uso JavaScript para inyectar componentes con accesorios.

 const app = createApp(StoryStep, {core: this.$page.props.core, step: d.data}) .mount(document.createElement('div')) return app.$el.outerHTML

Pero después de inyectar el componente secundario, me da el error que se muestra a continuación.

 Error in event handler: TypeError: Cannot read properties of undefined (reading 'replace') at FormMetadata._collectTextSample (chrome-extension://pejdijmoenmkgeppbflobdenhhabjlaj/content_script.js:1:188809) at FormMetadata._collectFormMetadata (chrome-extension://pejdijmoenmkgeppbflobdenhhabjlaj/content_script.js:1:209345) at FormMetadata._collectMetadata (chrome-extension://pejdijmoenmkgeppbflobdenhhabjlaj/content_script.js:1:214410) at FormMetadata.formsAndMetadata (chrome-extension://pejdijmoenmkgeppbflobdenhhabjlaj/content_script.js:1:217067) at RunHeuristics (chrome-extension://pejdijmoenmkgeppbflobdenhhabjlaj/content_script.js:1:229254) at chrome-extension://pejdijmoenmkgeppbflobdenhhabjlaj/content_script.js:1:233683

[EDITAR 1]

Comento todas las input y select , el error desaparecerá. Pero, cuando se vuelve a agregar, el error vuelve a aparecer.

 <input type="text" value="hello">

Cualquier ayuda es apreciada. Gracias.