Recommended way to implement application that requires login? about voyager HOT 4 CLOSED

class MainScreen : Screen {

    override val key: ScreenKey = uniqueScreenKey

    @Composable
    override fun Content() {
        val screenModel = getScreenModel<MainScreenModel>()
        val userRepository = koinInject<UserRepository>()

        var currentContent by remember { mutableStateOf<Screen>(SplashScreen()) }

        LaunchedEffect(true) {
            userRepository.isLoggedIn.collect { value ->
                when (value) {
                    true -> {
                        currentContent = HomeScreen().also { println("set to Home") }
                    }
                    false -> {
                        currentContent = LoginScreen().also { println("set to Login") }
                    }
                }
            }
        }

        Navigator(currentContent)
    }
}

    // This sort of works, but I'd like to have transitions.
    @Composable
    fun App() {
        MyAppTheme {
            Navigator(MainScreen()) { navigator ->
                val rootScreenModel = navigator.getNavigatorScreenModel<RootScreenModel>()
                val state by rootScreenModel.state.collectAsState()
    
                when (state) {
                    is RootScreenModel.State.Authenticated -> {
                        println("Authenticated")
                    }
    
                    is RootScreenModel.State.Unauthenticated -> {
                        println("Unauthenticated: pushing login screen")
                        navigator.push(StartLoginScreen())
                    }
                }
    
                CurrentScreen()
    
                // Adding transitions causes issues with reloading of content
                //SlideTransition(navigator)
            }
        }
    }