Returns the current Navigation, defaulting to an "idle" navigation when no navigation is in progress. You can use this to render pending UI (like a global spinner) or read FormData from a form navigation.
FormData
The current Navigation object
import { useNavigation } from "react-router";function SomeComponent() { let navigation = useNavigation(); navigation.state; navigation.formData; // etc.}@public Copy
import { useNavigation } from "react-router";function SomeComponent() { let navigation = useNavigation(); navigation.state; navigation.formData; // etc.}@public
framework
data
Returns the current Navigation, defaulting to an "idle" navigation when no navigation is in progress. You can use this to render pending UI (like a global spinner) or read
FormDatafrom a form navigation.