ng-select inside modal

NullInjectorError: No provider for InjectionToken ng-select-selection-model! when ng-select is in component opened in modal (eg. ngx-modal)

Component:

export class RegistrationTypeEditComponent implements OnInit, OnDestroy {

  @ViewChild('registrationTypeForm', {static: true}) public form: NgForm;

  public model: any = {};

  constructor(
    public bsModalRef: BsModalRef) {
  }

  ngOnInit(): void {
  }
}

HTML:

<div app-page [width]="'fw-800'">
    <form (ngSubmit)="onSubmit()" #registrationTypeForm="ngForm">
        <div class="row">
            <div class="col-24 form-group">
                <label for="type">{{'lbl.Type' | translate}}</label>
                <ng-select 
                    id="type" 
                    name="type" 
                    [items]="(enums$ | async)?.ERegistrationTypes"                   
                    [hideSelected]="true"
                    bindLabel="label"
                    bindValue="name"
                    [(ngModel)]="model.type"
                    required
                    >
                </ng-select> 
            </div>
        </div>
        <button type="button" class="btn btn-light"  (click)="onCancel()">{{'lbl.Cancel' | translate}}</button>
        <button type="submit" class="btn btn-success float-right" [disabled]="!registrationTypeForm.form.valid">{{'lbl.Submit' | translate}}</button>
    </form>
  </div>

Calling function:

add(): boolean {
    const modalOptions = {
      myInterval: 0,
      noWrapSlides: false,
      initialState: {
        model: {},
      }
    };

    this.bsModalRef = this.bsModalService.show(RegistrationTypeEditComponent, modalOptions);

    return false;
  }