Kotlin: Difficulty with MutableStateList and State Management in Jetpack Compose
I've searched everywhere and can't find a clear answer. I am experiencing issues with managing a `MutableStateList` in a Jetpack Compose application. I have a list of items that I want to display and allow users to modify, but after adding or removing items, the UI doesn't update as expected. Here’s a simplified version of what I have: ```kotlin @Composable fun ItemListScreen(viewModel: MyViewModel) { val items = viewModel.items.collectAsState().value Column { items.forEach { item -> Text(item) } Button(onClick = { viewModel.addItem("New Item") }) { Text("Add Item") } } } ``` In my ViewModel, I am using a `MutableStateList` like this: ```kotlin class MyViewModel : ViewModel() { private val _items = mutableStateListOf<String>() val items: List<String> = _items fun addItem(item: String) { _items.add(item) } } ``` I tried logging the contents of `_items` after an item has been added, and the log shows that the item is indeed added to the list, but the UI does not reflect this change. When I call `addItem`, I expect the UI to update immediately, but it seems like the Composable function does not recompose. I have also tried using `MutableStateFlow` instead of `MutableStateList`, but that led to the same issue. I am using Jetpack Compose version 1.0.5 and Kotlin version 1.5.31. Are there any best practices or common pitfalls I might be missing here with state management in Jetpack Compose? Is there something specific about how I am using `mutableStateListOf` that could be causing the issue? For context: I'm using Kotlin on macOS.