sendou.ink/app/hooks/useSetTitle.ts

import { useEffect } from "react";
import { makeTitle } from "~/utils/strings";

/** Set title on mount. Used for showing a translated title on pages without loader.  */
export function useSetTitle(title: string) {
  useEffect(() => {
    document.title = makeTitle(title);
  }, [title]);
}