A custom NextJS hook that returns the previous route visited in a browser application

useNextJSPreviousRoute.ts

import { useRouter } from "next/router";
import { useRef } from "react";

export const useNexJSPreviousRoute = () => {
  const router = useRouter();

  const ref = useRef<string | null>(null);

  router.events?.on("routeChangeStart", () => {
    ref.current = router.asPath;
  });

  return ref.current;
};