title: Jetpack Compose - LazyColumnFor not recomposing when item added
body: <p>I am trying to create a list of items in Jetpack Compose that automatically updates whenever the underlying data changes, but it is not updating and I cannot add an item to the LazyColumnFor after it has initially composed.</p>
  <pre><code>private var latestMessages = mutableListOf&lt;ChatMessage&gt;()
  
  override fun onCreateView(
      inflater: LayoutInflater, container: ViewGroup?,
      savedInstanceState: Bundle?
  ): View {
      return ComposeView(context = requireContext()).apply {
          setContent {
              LatestMessages(latestMessages)
          }
      }
  }
  
  @Composable
  fun LatestMessages(messages: MutableList&lt;ChatMessage&gt;) {
      Column {
          LazyColumnFor(items = messages) { chatMessage -&gt;
              LatestMessageItem(chatMessage) {
                  // onclick
              }
          }
      }
      Box(alignment = Alignment.Center) {
          Button(onClick = {
              latestMessages.add(
                      ChatMessage(
                              &quot;testId&quot;,
                              &quot;testText2&quot;,
                              &quot;testFromId2&quot;,
                              &quot;testToId&quot;,
                              &quot;timestamp&quot;,
                              0
                      )
              )
          }) {
  
          }
      }
  }
  </code></pre>
  <p>The Button in the Box is just to test adding an item. From what I understand LazyColumnFor should update whenever the underlying data is changed, similar to ForEach in SwiftUI. What am I doing wrong?</p>