flag disappears when we enter initial value (angular 18)

[nouaim]

<form [formGroup]="formGroup">
  <ngx-material-intl-tel-input
    [fieldControl]="control"
    [required]="true"
    [autoIpLookup]="false"
    [numberValidation]="false"
    [disabled]="true"
    [iconMakeCall]="false"
    autoSelectedCountry="ae"
    [hidePhoneIcon]="true"
    [includeDialCode]="false"
    [emojiFlags]="true"
    initialValue="55554444"
  >
  </ngx-material-intl-tel-input>
</form>

However when we remove it :

<form [formGroup]="formGroup">
  <ngx-material-intl-tel-input
    [fieldControl]="control"
    [required]="true"
    [autoIpLookup]="false"
    [numberValidation]="false"
    [disabled]="true"
    [iconMakeCall]="false"
    autoSelectedCountry="ae"
    [hidePhoneIcon]="true"
    [includeDialCode]="false"
    [emojiFlags]="true"
  >
  </ngx-material-intl-tel-input>
</form>

can we have the flag all the time?

The problem persists even after adding necessary theme styles

[nouaim]

it works well sorry. i've just put single quotes inside the double quotes [initialValue]="'+91 80900 00120'" and made sure code number is present