Использование библиотеки angular в реакции

Question

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

Я пытался собрать библиотеку и установить ее как зависимости от приложения реакции, но тег angular не распознается. В качестве примера давайте предположим, что у меня есть этот модуль:

@NgModule({
    declarations: [
        Component1,
        Component2,
    ],
    imports: [
        FormsModule,
        CommonModule,
        ...
    ],
    exports: [
        Component1,
        Component2
    ],
})
export class MyLayoutModule {
    constructor(private inj: Injector) {
    }
    ngDoBoostrap() {
        const foo = createCustomElement(Component1, { injector: this.inj });
        customElements.define('componentA', foo );

        const bar= createCustomElement(Component2, { injector: this.inj });
        customElements.define('componentB', bar);
    }
}

При построении библиотеки вывод не является dist, как если бы poroject был приложением, поэтому я опубликовал код dist в npm Сделайте репо и добавьте зависимость в файл package.json в приложении реагирования. Мне также пришлось включить все зависимости библиотеки, такие как ядро ​​Angular, материал Angular и так далее. После этого приложение работает правильно, но ничего не отображается.

render() {
    return (
      <div className="component-button-panel">
        <componentA/>
        <componentA></componentA>
        <componentB title='Hello'></componentB>
      </div>
    );
  }

Что я делаю не так?