PNSPS-frontend-MaterialUI/src/components/usePageTitle.js

import { useEffect } from "react";
import { useIntl } from "react-intl";

export default function usePageTitle(messageIdOrText) {
  const intl = useIntl();

  useEffect(() => {
    let pageTitle;
    let systemName;
    let gldName;

    // If string looks like an intl id, try translate
    try {
      pageTitle = intl.formatMessage({ id: messageIdOrText });
      systemName = intl.formatMessage({ id: "PNSPS_fullname" });
      gldName = intl.formatMessage({ id: "HKGLD" });
    } catch {
      pageTitle = messageIdOrText;
    }

    document.title = `${pageTitle} - ${systemName} | ${gldName}`;
  }, [messageIdOrText, intl]);
}