mdb-select (Set the selected = true) no working

Expected behavior I should be able to default the items in the mdb-select to already selected or not selected.
Actual behavior I cannot set the values. I have tried using selected= true. But this does not work. I have confirmed that my FIRST object in my array is set to selected = true; But that has no impact on my mdb-select list. Resources (screenshots, code snippets etc.) Here is the code I am setting JS************************************************** onReply(){ this.groupOptionsSelect = [] let x = JSON.parse(localStorage.getItem('availableUsers')) for(let a of x){ let obj = { value:a.userid, label:a.fullname, email: a.email, group:false, selected: false, } this.groupOptionsSelect = [...this.groupOptionsSelect, obj]

}  
        this.groupOptionsSelect[0].selected = true
        this.selectedValue = '148'
        console.log('emails', this.groupOptionsSelect)

} getValues(emails){ console.log('Values', emails) } Here are the first two entries in my groupOptionSelect: value: 148 label: "Bernard, Jim" email: "jbup@hospice.us.com" group: false selected: true

value: 738 label: "Betty, RN" email: "rn1@hospice.us.com" group: false selected: false

HTML **************************