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

[jahan_gagan]

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:

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

Mi configuración de componente:

// 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

Gracias,

[david (David Taylor)]

¿Parece que falta algo de código en tu ejemplo? Esperaría ver un `

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