1 files changed, 7 insertions, 5 deletions

diff --git a/client/src/app/shared/shared-custom-markup/dynamic-element.service.ts b/client/src/app/shared/shared-custom-markup/dynamic-element.service.ts
index e967e30ac..208dba721 100644
--- a/client/src/app/shared/shared-custom-markup/dynamic-element.service.ts
+++ b/client/src/app/shared/shared-custom-markup/dynamic-element.service.ts
@@ -1,7 +1,7 @@
 import {
   ApplicationRef,
-  ComponentFactoryResolver,
   ComponentRef,
+  createComponent,
   EmbeddedViewRef,
   Injectable,
   Injector,
@@ -16,15 +16,17 @@ export class DynamicElementService {
 
   constructor (
     private injector: Injector,
-    private applicationRef: ApplicationRef,
-    private componentFactoryResolver: ComponentFactoryResolver
+    private applicationRef: ApplicationRef
   ) { }
 
   createElement <T> (ofComponent: Type<T>) {
     const div = document.createElement('div')
 
-    const component = this.componentFactoryResolver.resolveComponentFactory(ofComponent)
-      .create(this.injector, [], div)
+    const component = createComponent(ofComponent, {
+      environmentInjector: this.applicationRef.injector,
+      elementInjector: this.injector,
+      hostElement: div
+    })
 
     return component
   }