title: how to call LazyRow after API response Jetpack Compose
body: <p>Im learning Jetpack Compose and Kotlin, what I need to do is populate a lazyrow with some info from an api, but it seems that Im doing something wrong, since the interface is created and a white screen is shown, in the log I can see that API is called and the response is the object I needed, but the lazyrow never gets recomposed again so the white screen stays like that.</p>
  <pre><code>This is my code
  
         @Composable
      fun ParentHomeComposable(
          parentSkills: List&lt;ParentHomeResponseModel&gt;,
      ){
          LazyRow{
              items(
                  items = parentSkills,
                  key = { parentSkills -&gt;
                      parentSkills.studentId
                  }
              ) { parentSkills -&gt;
                  ParentItemComposable(
                      ParentItem = parentSkills,
                  )
              }
          }
      }
      
      @Composable
      fun ParentItemComposable(
          ParentItem: ParentHomeResponseModel,
      ) {
          BoxWithConstraints() {
              Box() {
                  Column{
                      Box()
                      {
                          Text(
                              text = ParentItem.username,
                              color = DARK_GRAY,
                              fontWeight = FontWeight.Bold,
                              overflow = TextOverflow.Ellipsis,
                              maxLines = 2,
                              style = MaterialTheme.typography.h4,
                              textAlign = TextAlign.Center,
                          )
                      }
                  }
              }
          }
      }
  
  
  this is my viewmodel
  
      @HiltViewModel
      class ParentHomeViewModel @Inject
      constructor(
          private val getParentHomeUseCase: GetParentHomeUseCase,
      ) : ViewModel() {
          
          private val _uiState = MutableStateFlow(ParentHomeUiState())
          val uiState: StateFlow&lt;ParentHomeUiState&gt; = _uiState.asStateFlow()
      
          init {
              onGetParentHome()
          }
          
          private fun onGetParentHome() {
              viewModelScope.launch {
                  _uiState.update { it.copy(isLoading = true) }
                  val parentHomeResponse = getParentHomeUseCase.getParentHome()
                  val parentHomeModel = parentHomeResponse.successOr(listOf())
                  _uiState.update { parentHomeUiState -&gt;
                      parentHomeUiState.copy(
                          parentHome = parentHomeModel,
                          isLoading = false
                      )
                  }
              }
          }
      }
  
  my parenthomeUiState
  
      data class ParentHomeUiState(
          val parentHome: List&lt;ParentHomeResponseModel&gt; = listOf(),
          val isLoading: Boolean = false,
          val isDone: Boolean = false
          )
  
  
  this is the log response
  
  {
      &quot;avatar&quot;: &quot;TACO&quot;,
      &quot;username&quot;: &quot;fdsfss&quot;,
      &quot;hodStreak&quot;: [false, false, false, false, false],
      &quot;hodPoints&quot;: 0,
      &quot;hodRanking&quot;: 0,
      &quot;hodTopicsViewed&quot;: 15,
      &quot;studentId&quot;: &quot;630d786c25430056356c632c&quot;,
      &quot;weekProgress&quot;: 25,
      &quot;generalProgress&quot;: 50,
  },
  {
      &quot;avatar&quot;: &quot;MICHAELL&quot;,
      &quot;username&quot;: &quot;sffgsf&quot;,
      &quot;hodStreak&quot;: [false, false, false, false, false],
      &quot;hodPoints&quot;: 0,
      &quot;hodRanking&quot;: 0,
      &quot;hodTopicsViewed&quot;: 15,
      &quot;studentId&quot;: &quot;630d901a25430056356c6460&quot;,
      &quot;weekProgress&quot;: 25,
      &quot;generalProgress&quot;: 50,
  },
  
  my response model
  @Parcelize
  data class ParentHomeResponseModel(
      val avatar: String = &quot;&quot;,
      val username: String = &quot;&quot;,
      val hodStreak: List&lt;Boolean&gt;,
      val hodPoints: Int = 0,
      val hodRanking: Int = 0,
      val hodTopicsViewed: Int = 0,
      val studentId: String = &quot;&quot;,
      val weekProgress: Int = 0,
      val generalProgress: Int = 0,
      val exploredTopics:List&lt;ExploredTopics&gt;  ,
  ): Parcelable{}
  </code></pre>
  <p>any ideas? I thought this was really easy but its not working for me</p>