Ошибка при использовании {{didInsert}} в компоненте-коннекторе: «Классический конструктор DidInsertModifier не может быть вызван без 'new'»

[jahan_gagan]

Привет, команда,

Я работаю над компонентом кастомной темы и пытаюсь использовать компонент-коннектор через плагин-аутлет kanban-card-bottom. Внутри этого компонента-коннектора я хочу выполнить логику работы с DOM после рендеринга, используя модификатор {{didInsert}}.

Однако, как только я добавляю {{didInsert this.modifyElement}} в шаблон, в консоли браузера появляется следующая ошибка:

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

Моя настройка компонента:

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

Цель:
Я просто хочу получить доступ к элементу DOM после рендеринга из этого компонента-коннектора (например, визуально заменить имя пользователя).

Буду признателен за любые советы!

Скриншот ошибки

Спасибо,

[david (David Taylor)]

Похоже, в вашем примере отсутствует часть кода? Я ожидал увидеть тег <template> / </template>, а также модификатор, привязанный к элементу, например:

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