Kotlin Flows: Cancel API request when activity goes to background or navigates to another screen

Question

I've seen an example where stateIn is being used with StateFlow to cancel the upstream but in the case of ViewModel the scope would be viewModelScope which only gets destroyed in onDestroy of the activity.

And the API goes ahead anyway, only solution what I've found is to call viewModelStore.clear() in onStop of my activity.

val uiState = productsUseCase.getProductsData()
    .map {
        when (it) {
            is Result.Error -> {
                DashboardState.Error(it.exception.message.toString())
            }
            is Result.Success -> {
                DashboardState.Success(it.data.products)
            }
        }
    }
    .stateIn(viewModelScope, SharingStarted.WhileSubscribed(5000), DashboardState.Loading("Loading Products"))

What is the correct way to achieve this?