title: How can I load data from Firestore in my Jetpack Compose project?
body: <p>I have this project that I'm migrating to compose and I can't load the data from Firestore in the TextField. With the view system I could reference it and it uploaded automatically but with compose I'm unable to load. Below is the compose page and the FirestoreClass.</p>
  <pre><code>class ProfileFragment : Fragment() {
  
      override fun onCreateView(
          inflater: LayoutInflater, container: ViewGroup?,
          savedInstanceState: Bundle?
      ): View {
  
              FirestoreClass().loadUserDataOnProfile()
  
                  return ComposeView(requireContext()).apply {
              setContent {
                  ReiDoFifaTheme {
  
                          Column(
                              modifier = Modifier
                                  .padding(16.dp)
                          ) {
                              Image(
                                  modifier = Modifier
                                      .padding(top = 24.dp, bottom = 24.dp)
                                      .align(Alignment.CenterHorizontally),
                                  painter = painterResource(R.drawable.ic_user_place_holder),
                                  contentDescription = null
                              )
                              TextField(value = /*TODO*/ , onValueChange = { /*TODO*/ })
                          }
                      }
                  }
  </code></pre>
  <pre><code>    fun loadUserDataOnProfile(){
          firestore.collection(USERS)
              .document(getCurrentUserID())
              .get()
              .addOnSuccessListener { document -&gt;
                  val loggedUser = document.toObject(Player::class.java)
                  ***
         }
  </code></pre>
  <p>I had a function *** called from on addOnSuccessListener that filled my views with the data on ProfileFragment. How do I do it?</p>