Expected behavior When different options are binded with select, It not works properly when the value to display is the same for multiple options

Actual behavior When multiple time values are changed using UI,it shows internal ID as value!!!

Resources (screenshots, code snippets etc.)

HTML:

<mdb-form-control>
    <mdb-select [(ngModel)]="selectedId" (ngModelChange)="onChange($event)">
      <mdb-option *ngFor="let option of dropdownOptions" [value]="option.id">{{ option.text }} </mdb-option>
    </mdb-select>
    <label mdbLabel class="form-label">Select</label>
  </mdb-form-control>

DataSource: [ { "id": 5, "text": "Test for Demo" }, { "id": 19, "text": "Test for Demo" } ]