How to Intercept/handle browser's back button in React-router?

[jaunty void]

I found this example online but it seems outdated and not for React-Router 6+

const {history} = useRouter();
  useEffect(() => {
    return () => {
      // && history.location.pathname === "any specific path")
      if (history.action === "POP") {
        history.replace(history.location.pathname, /* the new state */);
      }
    };
  }, [history])

[young kite]

I think that code could be modified to use useNavigationType (https://reactrouter.com/en/main/hooks/use-navigation-type) to get the action, useNavigate to do the replace bit, and useLocation to get the pathname.