I'm getting an error when trying to navigate to another graph with arguments. I'm not sure what I'm doing wrong here This is the error I'm getting:

java.lang.IllegalArgumentException: Wrong argument type for 'userId' in argument bundle. integer expected.

code:

object ProfileDestination : GenericDestination {
    override val route = "profile_route/{userId}"
    override val startDestination = "profile_destination/{userId}"
    const val argsUserId = "userId"
    operator fun invoke(id: Int) = "profile_route/$id"
}

fun NavGraphBuilder.profileGraph() {
    navigation(startDestination = ProfileDestination.startDestination, ProfileDestination.route) {
        composable(
            route = ProfileDestination.startDestination,
            arguments = listOf(navArgument(ProfileDestination.argsUserId) {
                type = NavType.StringType
            })
        ) { Profile() }
    }
}

navController.navigate(ProfileDestination(1))

It looks like you are navigating to the navigation graph (the

navigation

element), which doesn't have any

arguments

defined, so you're just getting the default, which is strings. Generally, you'll want to navigate directly to the destination rather than to a navigation graph:

operator fun invoke(id: Int) = "profile_destination/$id"

I'm splitting features of the app to have their individual navigation graph. Basically the same way that it was recommended in the fragment navigation when having a multi-module app. Is this not the case with navigation compose anymore?

Having separate navigation graphs is great, do that - it'll affect your generated back stack when you deep link to a destination and give you a shared scope for all destinations within that graph. There's just no reason to navigate to the graph itself instead of directly to the destination you want to go to

Thanks! That was really helpful