im using kotlin jetpack compose and im using animatednavhost to eliminate any animations between page switching but for some reason the screens overstack for a split second when switching. how can i introduce a few ms of delay to hopefully eliminate the overstack?

val navController = rememberAnimatedNavController()
NavHost(
    navController = navController,
    startDestination = "login",
    enterTransition = { EnterTransition.None },
    exitTransition = { ExitTransition.None },
    popEnterTransition = { EnterTransition.None },
    popExitTransition = { ExitTransition.None }
) {
    composable("login") { LogInScreen(navController) }
    composable("signup") { SignUpScreen(navController) }
    composable("home") { HomeScreen(navController) }
    composable("friends") { FriendsScreen(navController) }
    composable("add") { AddScreen(navController) }
    composable("notifications") { NotificationsScreen(navController) }
    composable("profile") { ProfileScreen(navController) }
}

onClick = { offset ->
                text.getStringAnnotations(tag = "SignUp", start = offset, end = offset)
                    .firstOrNull()?.let {
                        navController.navigate("signup")
                    }
            },