title: How to navigate with arguments in jetpack compose?
body: <p>This is my Navhost</p>
  <pre><code>composable(
          &quot;${Screens.Start.route}/{tId}&quot;,
          arguments = listOf(navArgument(&quot;tId&quot;) {
              type = NavType.StringType
          })
      ) {
        
          StartScreen(viewModel, navController, it.arguments?.getString(&quot;tId&quot;) ?: &quot;&quot;)
  
  
      }
  
      composable(
          &quot;${Screens.Timer.route}/{sId}&quot;,
          arguments = listOf(navArgument(&quot;sId&quot;) {
              type = NavType.StringType
          })
      ) {
              TimerScreen(viewModel, navController, it.arguments?.getString(&quot;tId&quot;) ?: &quot;&quot;)
          }
  
  
      }
  </code></pre>
  <p>I m naivgating from Main Screen to Start screen
  But not navigating from start to Timer Screen ,
  i have passed the same id which i m getting from Main Screen .</p>
  <p>This main composable</p>
  <pre><code>    @Composable
  fun Main(task: CustomeTask, navController: NavController) {
      Box(.clickable {
                  navController.navigate(&quot;${Screens.Start.route}/${task.pid.toString()}&quot;)
              }
           }
  </code></pre>
  <p>StartScreen</p>
  <pre><code>    @Composable
  fun StartScreen(viewModel: MainViewModel, navController: NavHostController, id : String) {
  onclick{
                        navController.navigate(&quot;${Screens.Timer.route}/{$id}&quot;)
  
  }
  </code></pre>
  <p>as i click on button app crashes and error is below</p>
  <pre><code> java.lang.NumberFormatException: For input string: &quot;{11}&quot;
      at java.lang.Long.parseLong(Long.java:594)
      at java.lang.Long.parseLong(Long.java:636)
      at com.ashish.custometimer.ui.TimerScreenKt.TimerScreen(TimerScreen.kt:36)
      at com.ashish.custometimer.navigation.NavGraphKt$NavGraph$1$6.invoke(NavGraph.kt:64)
      at com.ashish.custometimer.navigation.NavGraphKt$NavGraph$1$6.invoke(NavGraph.kt:58)
  </code></pre>