# Error al usar {{didInsert}} en un componente conector: "No se puede invocar al constructor de clase DidInsertModifier sin 'new'"

**URL:** <https://meta.discourse.org/t/error-using-didinsert-in-a-connector-component-class-constructor-didinsertmodifier-cannot-be-invoked-without-new/373377>\
**Category:** Development\
**Created:** [8 Julio, 2025 13:56 UTC](https://meta.discourse.org/t/error-using-didinsert-in-a-connector-component-class-constructor-didinsertmodifier-cannot-be-invoked-without-new/373377 "2025-07-08T13:56:33Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![jahan\_gagan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jahan_gagan/32/501948_2.png) [@jahan\_gagan](https://meta.discourse.org/u/jahan_gagan)\
**Post date:** [8 Julio, 2025 13:56 UTC](https://meta.discourse.org/t/error-using-didinsert-in-a-connector-component-class-constructor-didinsertmodifier-cannot-be-invoked-without-new/373377/1 "2025-07-08T13:56:33Z")

</div>

Hola equipo:

Estoy trabajando en un componente de tema personalizado e intentando usar un componente conector a través del outlet de plugin `kanban-card-bottom`. Dentro de ese componente conector, quiero ejecutar lógica DOM después de renderizar usando el modificador `{{didInsert}}`.

Sin embargo, tan pronto como agrego `{{didInsert this.modifyElement}}` en la plantilla, obtengo el siguiente error en la consola del navegador:

```plaintext
Uncaught (in promise) TypeError: Class constructor DidInsertModifier cannot be invoked without 'new'
    at FunctionHelperManager.getValue (index.js:214:86)

```

Mi configuración de componente:

```plaintext
// javascripts/discourse/connectors/kanban-card-bottom/replace-last-post-by.gjs
import Component from "@glimmer/component";
import { action } from "@ember/object";
import didInsert from "@ember/render-modifiers/modifiers/did-insert";

export default class ReplaceLastPostBy extends Component {
  @action
  modifyElement(element) {
    console.log("Element ====> ", element);
  }

  <template>
    {{didInsert this.modifyElement}}
  </template>
}

```

Objetivo:  
Simplemente quiero apuntar a un elemento DOM después de renderizar desde este componente conector (por ejemplo, reemplazar visualmente un nombre de usuario).

¡Cualquier información sería apreciada!

> **Captura de pantalla del error**
>
> ![Screenshot 2025-07-08 at 7.12.14 PM](https://global.discourse-cdn.com/meta/original/4X/b/4/2/b423302be7d6898244a3fc2d32542996fb373d09.jpeg)

Gracias,

---

_[View the full topic](https://meta.discourse.org/t/error-using-didinsert-in-a-connector-component-class-constructor-didinsertmodifier-cannot-be-invoked-without-new/373377)._