docs/hooks/useRouter.tsx

"use client";

import { useRouterContext } from "@/contexts/RouterContext";
import { useRouter as useNextRouter } from "next/navigation";

export default function useRouter() {
    const { isChanging, setIsChanging } = useRouterContext();
    const router = useNextRouter();

    return {
        prefetch: router.prefetch,
        back: router.back,
        push(href, options) {
            if (!isChanging) {
                setIsChanging(true);
            }

            router.push(href, options);
        },
        forward: router.forward,
        refresh: router.refresh,
        replace: router.replace,
    } satisfies typeof router;
}
1	"use client";
2
3	import { useRouterContext } from "@/contexts/RouterContext";
4	import { useRouter as useNextRouter } from "next/navigation";
5
6	export default function useRouter() {
7	const { isChanging, setIsChanging } = useRouterContext();
8	const router = useNextRouter();
9
10	return {
11	prefetch: router.prefetch,
12	back: router.back,
13	push(href, options) {
14	if (!isChanging) {
15	setIsChanging(true);
16	}
17
18	router.push(href, options);
19	},
20	forward: router.forward,
21	refresh: router.refresh,
22	replace: router.replace,
23	} satisfies typeof router;
24	}