title: Jetpack Compose - unresolved refence when using viewmodel value in LazyColumn
body: <p>For my college project I want to use data from Firestore, and then use MVVM pattern to display the items on the Lazy Column.</p>
  <p>Here is the code of the screen of where I want the values of viewmodel to be displayed:</p>
  <pre><code>fun HomeScreen (navController: NavController, viewModel: ArticleViewModel = hiltViewModel()){
      var expanded = remember { mutableStateOf(false) }
      val articleResponse = viewModel.articleState.value
      Scaffold() {
          LazyColumn(
              modifier = Modifier
                  .fillMaxSize()
                  .background(Color.White)
          ) {
              items(items = articleResponse.data) {
                  ArticleList(model = it) { model -&gt;
                      Log.d(&quot;TAG&quot;, &quot;Clicked on $model&quot;)
                      navController.navigate(route = NavScreens.DetailScreen.name +&quot;/$model&quot;)
  
                  }
  
  
              }
          }
      }
  }
  
  </code></pre>
  <p>Here is the field of where exactly I get the error that is I mentioned in the title:</p>
  <p><a href="https://i.stack.imgur.com/oz9tP.png" rel="nofollow noreferrer">here</a></p>
  <p>Previously I used an array to display the item in the LazyColumn and it worked normally.
  Perhaps, the problem lies in the ViewModel? Here is the ViewModel that I'm using:</p>
  <pre><code>@HiltViewModel
  class ArticleViewModel @Inject constructor(
      private val useCases: UseCases
  ):ViewModel() {
      private val _articleState = mutableStateOf&lt;Response&lt;List&lt;Article&gt;&gt;&gt;(Response.Loading)
      val articleState: State&lt;Response&lt;List&lt;Article&gt;&gt;&gt; = _articleState
  
  
     init {
          getArticles()
      }
  
      private fun getArticles() {
          viewModelScope.launch {
              useCases.getArticle().collect { response -&gt;
                  _articleState.value = response
              }
          }
      }
  
  }
  
  </code></pre>
  <p>When I tried searching for the solution, I've read that the problem could be with the dependencies/plugins, I have tried changing couple of the dependencies but the issue still persists. I've heard that some of the plugins doesn't work with others since I'm new to jetpack compose it is harder for me to identify the issues within the dependencies.</p>
  <p>Here is my Gradle files:</p>
  <pre><code>buildscript {
      ext {
          compose_version = '1.0.1'
          hilt_version = &quot;2.40.5&quot;
          gradle_version = &quot;7.2.0&quot;
          kotlin_version = &quot;1.6.20&quot;
          coroutines_version = &quot;1.6.1&quot;
          google_services_version = &quot;4.3.10&quot;
          hilt_version = &quot;2.40.5&quot;
          core_version = &quot;1.7.0&quot;
          appcompat_version = &quot;1.4.1&quot;
          live_data_version = &quot;2.4.1&quot;
          activity_compose_version = &quot;1.4.0&quot;
          material_version = &quot;1.6.0&quot;
          hilt_navigation_compose_version = &quot;1.0.0&quot;
          firebase_bom_version = &quot;30.0.0&quot;
      }
      repositories {
          google()
          mavenCentral()
      }
      dependencies {
          classpath 'com.google.gms:google-services:4.3.4'
          classpath &quot;com.google.dagger:hilt-android-gradle-plugin:$hilt_version&quot;
          classpath &quot;com.android.tools.build:gradle:$gradle_version&quot;
          classpath &quot;org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version&quot;
          classpath &quot;com.google.gms:google-services:$google_services_version&quot;
      }
  }// Top-level build file where you can add configuration options common to all sub-projects/modules.
  plugins {
      id 'com.android.application' version '7.1.3' apply false
      id 'com.android.library' version '7.1.3' apply false
      id 'org.jetbrains.kotlin.android' version '1.5.21' apply false
  
  }
  
  task clean(type: Delete) {
      delete rootProject.buildDir
  }
  
  </code></pre>
  <pre><code>plugins {
      id 'com.android.application'
      id 'kotlin-android'
      id 'com.google.gms.google-services'
      id 'dagger.hilt.android.plugin'
      id 'kotlin-kapt'
  }
  
  android {
      compileSdk 31
  
      defaultConfig {
          applicationId &quot;com.example.flow&quot;
          minSdk 28
          targetSdk 31
          versionCode 1
          versionName &quot;1.0&quot;
  
          testInstrumentationRunner &quot;androidx.test.runner.AndroidJUnitRunner&quot;
          vectorDrawables {
              useSupportLibrary true
          }
      }
  
      buildTypes {
          release {
              minifyEnabled false
              proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
          }
      }
      compileOptions {
          sourceCompatibility JavaVersion.VERSION_1_8
          targetCompatibility JavaVersion.VERSION_1_8
      }
      kotlinOptions {
          jvmTarget = '1.8'
      }
      buildFeatures {
          compose true
      }
      composeOptions {
          kotlinCompilerExtensionVersion compose_version
          kotlinCompilerVersion '1.5.21'
      }
      packagingOptions {
          resources {
              excludes += '/META-INF/{AL2.0,LGPL2.1}'
          }
      }
  }
  
  dependencies {
      implementation &quot;androidx.compose.compiler:compiler:1.0.0-beta08&quot;
      implementation 'androidx.core:core-ktx:1.7.0'
      implementation &quot;androidx.compose.ui:ui:$compose_version&quot;
      implementation &quot;androidx.compose.material:material:$compose_version&quot;
      implementation &quot;androidx.compose.ui:ui-tooling-preview:$compose_version&quot;
      implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.3.1'
      implementation 'androidx.activity:activity-compose:1.3.0-alpha02'
      implementation &quot;androidx.appcompat:appcompat:$appcompat_version&quot;
      implementation 'com.google.android.material:material:1.4.0'
      implementation 'androidx.constraintlayout:constraintlayout:2.0.4'
      testImplementation 'junit:junit:4.13.2'
      androidTestImplementation 'androidx.test.ext:junit:1.1.3'
      androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
      androidTestImplementation &quot;androidx.compose.ui:ui-test-junit4:$compose_version&quot;
      debugImplementation &quot;androidx.compose.ui:ui-tooling:$compose_version&quot;
  
      implementation &quot;androidx.core:core-splashscreen:1.0.0-beta02&quot;
      implementation &quot;androidx.navigation:navigation-compose:2.4.0-alpha10&quot;
      implementation(&quot;io.coil-kt:coil-compose:2.1.0&quot;)
      implementation &quot;com.google.firebase:firebase-firestore:22.0.1&quot;
  
      implementation &quot;com.google.dagger:hilt-android:$hilt_version&quot;
      implementation platform(&quot;com.google.firebase:firebase-bom:$firebase_bom_version&quot;)
      implementation &quot;com.google.firebase:firebase-firestore-ktx&quot;
      kapt &quot;com.google.dagger:hilt-android-compiler:$hilt_version&quot;
      kapt &quot;androidx.hilt:hilt-compiler:1.0.0&quot;
      implementation &quot;androidx.hilt:hilt-navigation-compose:$hilt_navigation_compose_version&quot;
      implementation &quot;org.jetbrains.kotlinx:kotlinx-coroutines-play-services:$coroutines_version&quot;
      implementation &quot;androidx.lifecycle:lifecycle-livedata-ktx:$live_data_version&quot;
      
      
  }
  
  </code></pre>
  <p>I would be grateful if you are able to assist me on finding the solution.</p>