How to specify formControlName on lazy loaded Angular component in Ivy that implements ControlValueAccessor?

My objective is to lazy load a specific component, to increase performance. I have used this guide, and it’s working great for simple use-cases. My issue is that the component in question that I try to lazy load implements ControlValueAccessor, and is therefore consumed with the formControlName property. How do I add this when lazyloading the component?

Cmpt code

@ViewChild('editWysiwigContainer', { read: ViewContainerRef })
async ngAfterViewInit() {
    // setTimeout(async () => {
    const { EddystoneWysiwigComponent } = await import(
        '../../eddystone-wysiwig/eddystone-wysiwig/eddystone-wysiwig.component'
    );
    const eddystoneWysiwigFactory = this.cfr.resolveComponentFactory(
        EddystoneWysiwigComponent
    );
    const { instance } = this.editWysiwigContainer.createComponent(
        eddystoneWysiwigFactory,
        null,
        this.injector
    );
    instance.state = 'editOnly';
    instance.updateOnBlur = true;
    instance.height = 150;
    // There is no formControlName here - how do I "fix" this?
    instance.placeholder = 'leave a comment';
    this.cdr.markForCheck();
}

view

<div formControlName="comment">
   <ng-container #editWysiwigContainer></ng-container>
</div>

Any help is very welcome, would be SUCH a cool feature to obtain with Ivy 💕

Source: Angular Questions