useNavigation()

Use useNavigation() to observe client navigation state.

const navigation = useNavigation()

Exposed state

  • state
  • location
  • previousLocation
  • action
  • isLoading
  • isSubmitting
  • isNavigating

State values

  • idle
  • loading
  • submitting
  • navigating

When to use it

  • disable UI during navigation
  • show local pending indicators outside loading.*
  • inspect navigation transitions for analytics or debugging