Многоразовый пользовательский элемент angular

Question

Я пытаюсь создать пользовательский элемент в angular для повторного использования в других проектах, поэтому мне нужно иметь возможность распространять его.

В настоящее время я следую этому учебнику, Сейчас я пытаюсь сделать app.module.ts, чтобы мой компонент досье стал элементом, который я могу использовать.

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule, Injector } from '@angular/core';
import { createCustomElement } from '@angular/elements';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { DossierComponent } from './dossier/dossier.component';

@NgModule({
  declarations: [
    AppComponent,
    DossierComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent],
  entryComponents: [
    DossierComponent
  ]
})
export class AppModule {

  constructor(private injector: Injector ) {
    const dossier = createCustomElement(DossierComponent, { injector });
    customElements.define('dossier', dossier);
  }

  ngDoBootstrap() {

  }
}

Теперь эта строка в коде 'customElements. define ('Досье', Досье ); ' выдает эту ошибку

Argument of type 'NgElementConstructor<unknown>' is not assignable to parameter of type 'CustomElementConstructor'

Понятия не имею, что вызывает это. Может быть, кто-то здесь знает.