Jetpack Compose UI Not Updating Immediately After Backend Operations or Firebase Database Changes

I am working on an Android app using Jetpack Compose, and I have encountered an issue where the UI does not update immediately after successful backend operations or Firebase Database changes. The updates only show up after I rotate the screen, triggering a configuration change. PROBLEMS:-

• When fetching data or logging in, the UI doesn’t update immediately, even when the backend operations are successful. Changes only show after I rotate the screen.
• Similarly, when making changes to the Firebase Database, those changes don’t reflect in the UI until a screen rotation occurs.

WHAT I'M USING: Backend logic in ViewModels State variables declared with mutableStateOf() Observing state in composables using observeAsState()

QUESTION: How can I handle state updates and UI recomposition efficiently in Jetpack Compose with Firebase? What is the best way to ensure immediate UI updates without relying on navigation hacks?

CURRENT WORKAROUND:- I’m navigating back to the same screen and clearing the navigation backstack to force recomposition. While this temporarily resolves the issue, it feels inefficient and hacky.

Source: View source