StateFlow problem

Fragment.kt

binding.productBarcodeInputEditText.textChanges()
            .conflate()
            .debounce(500)
            .filter { it.isNotEmpty() }
            .mapNotNull { viewModel.getProductByBarcode(it.toString()) } //api call (repository pattern)
            .onEach { viewModel.setProduct(it) }
            .launchIn(viewLifecycleOwner.lifecycleScope)
            
viewModel.product
            .filterNotNull()
            .onEach { 
              //some UI updates
            } 
            .launchIn(viewLifecycleOwner.lifecycleScope)

Product.kt

/**
 *
 * @param id
 * @param code
 */
@JsonClass(generateAdapter = true)
@Parcelize
data class Product(
    @Json(name = "id")
    val id: kotlin.Int? = null,
    @Json(name = "code")
    //... rest of the parameters which could be other data classes
) : Parcelable

ViewModel.kt

   private val _product = MutableStateFlow<Product?>(null)
    val product: StateFlow<Product?> = _product


   //let's say setProduct is called from Fragment after obtaining it from jetpack's navigation arguments
    fun setProduct(product: Product?) {
        _product.value = product
    }
    
   private suspend fun getProductByBarcode(barcode: String) = productRepository.getProductByBarcode(barcode)
        .catch { }
        .singleOrNull()