Seen a few posts about similar problems but nothing that made my code work.

I have a database that stores about a 100 objects. These are displayed on the screen but once I update one of the objects from the database by pressing a button the database does change the value (in the app inspector) but it is not reflected in the UI. Also, this change is only able to be done once, after that it wont let me update the same object in the database again.

@Composable
fun MainScreen(navController: NavController, cocktailViewModel: CocktailViewModel) {
    val allCocktails = cocktailViewModel.cocktailsFromDb.observeAsState(emptyList())

    LaunchedEffect(Unit) {
        cocktailViewModel.getAllCocktails()
    }

    LazyColumn(
        modifier = Modifier
            .padding(bottom = 110.dp),
        contentPadding = PaddingValues(
            start = 16.dp,
            end = 16.dp
        ),
        verticalArrangement = Arrangement.spacedBy(8.dp)
    ) {
        items(allCocktails.value) { drink ->
            Row(
                modifier = Modifier
                    .fillMaxWidth(),
                verticalAlignment = Alignment.CenterVertically,
            ) {
                Text(text = drink.strDrink)
                Icon(
                    imageVector = if (drink.isBookmarked) Icons.Filled.Bookmark else Icons.Filled.BookmarkBorder,
                    contentDescription = "Bookmark",
                    tint = Color.Black,
                    modifier = Modifier
                        .size(40.dp)
                        .clickable {
                            cocktailViewModel.toggleBookmark(drink) // Here is the update
                        }
                )
            }
            HorizontalDivider(
                modifier = Modifier.padding(vertical = 4.dp),
                thickness = 1.dp,
                color = Color.Gray
            )
        }
    }
}

That is the view and here comes part of the Viewmodel:

class CocktailViewModel(private val cocktailDao: CocktailDAO) : ViewModel() {
    private val _cocktailsFromDb = MutableLiveData<List<ModifiedDrink>>()
    val cocktailsFromDb: LiveData<List<ModifiedDrink>> = _cocktailsFromDb

    fun toggleBookmark(drink: ModifiedDrink) {
        viewModelScope.launch(Dispatchers.IO) {
            try {
                val updatedDrink = drink.copy(isBookmarked = !drink.isBookmarked)
                cocktailDao.updateDrink(updatedDrink)
                Log.d("CocktailViewModel", "Successfully updated drink: ${updatedDrink.strDrink}")

                // Just for logging purposes
                val fetchedDrink = cocktailDao.getDrinkById(updatedDrink.idDrink)
                Log.d("CocktailViewModel", "Fetched drink by ID after update: $fetchedDrink")
            } catch (e: Exception) {
                Log.e("CocktailViewModel", "Error during toggleBookmark: ${e.message}", e)
            }
        }
    }

    fun getAllCocktails() {
        viewModelScope.launch {
            try {
                val drinks = withContext(Dispatchers.IO) {
                    cocktailDao.getAllDrinks()
                }
                _cocktailsFromDb.postValue(drinks)
            } catch (e: Exception) {
                Log.e("CocktailViewModel", "Error fetching drinks from database: ${e.message}", e)
            }
        }
    }
}

The DAO and Entity:

@Dao
interface CocktailDAO {
    @Query("SELECT * FROM Cocktails")
    fun getAllDrinks(): Flow<List<ModifiedDrink>>

    @Query("SELECT * FROM Cocktails WHERE idDrink = :id")
    suspend fun getDrinkById(id: Int): ModifiedDrink

    @Update
    suspend fun updateDrink(drink: ModifiedDrink)
}

@Entity(tableName = "Cocktails")
data class ModifiedDrink(
    @PrimaryKey val idDrink: Int,
    val strDrink: String,
    val isBookmarked: Boolean,
)

In my mind changing a drink in cocktailsFromDb in the viewmodel should create a UI update since I observe it in the view. However, this does not seem to work.