Compose UI not updating the state after updating the view model

Question

I am trying to update a compose UI view based on the state changes in the view model, below is my code Initially i am making assigning and doing operation by the default value from view model to a compose logic handling and after some time I will be making an API call which I am receiving the value and updating the state value in the VM fn but it is not reflecting the UI that I have assigned for operation, kindly let me know what I am missing

**View Model code**
var classAccessedByRefId:  MutableState<String> = mutableStateOf("")

// This is when I update the state once API is successful
    fun updateClassAccessId(classRefId: String) {
                classAccessedByRefId.value = classRefId
            }

**Compose code**

@Composable
fun BookingListItemView(classViewModel: ClassViewModel){
val classAccessedByRefId: String = bookingViewModel.classAccessedByRefId.value

if(classAccessedByRefId.value.isNotEmpty()){
                 // Do some operation if the classAccessedByRefId has value
                        }

}

Answer 1

@Composable
fun BookingListItemView(classViewModel: ClassViewModel){


LaunchedEffect(bookingViewModel.classAccessedByRefId.value){

   if(!bookingViewModel.classAccessedByRefId.value.equals("")){
                 // Do some operation if the classAccessedByRefId has value
                        }
}


}