remix-utils
Version:
This package contains simple utility functions to use with [React Router](https://reactrouter.com/).
34 lines (33 loc) • 1.16 kB
TypeScript
/**
* This is a helper hook that returns the state of every fetcher active on
* the app and combine it with the state of the global transition and
* revalidator.
* @example
* let states = useGlobalNavigationState();
* if (state.includes("loading")) {
* // The app is loading or revalidating.
* }
* if (state.includes("submitting")) {
* // The app is submitting.
* }
* // The app is idle
*/
export declare function useGlobalNavigationState(): ("idle" | "loading" | "submitting")[];
/**
* Let you know if the app is pending some request, either global transition
* or some fetcher transition.
* @returns "idle" | "pending"
*/
export declare function useGlobalPendingState(): "idle" | "pending";
/**
* Let you know if the app is submitting some request, either global transition
* or some fetcher transition.
* @returns "idle" | "submitting"
*/
export declare function useGlobalSubmittingState(): "idle" | "submitting";
/**
* Let you know if the app is loading some request, either global transition
* or some fetcher transition.
* @returns "idle" | "loading"
*/
export declare function useGlobalLoadingState(): "idle" | "loading";