unleash.unleash/frontend/src/hooks/usePageTitle.ts

import { useEffect, useContext } from 'react';
import { AnnouncerContext } from 'component/common/Announcer/AnnouncerContext/AnnouncerContext';

export const usePageTitle = (title: string) => {
    const { setAnnouncement } = useContext(AnnouncerContext);

    useEffect(() => {
        document.title = title;
        return () => {
            document.title = DEFAULT_PAGE_TITLE;
        };
    }, [title]);

    useEffect(() => {
        if (title !== DEFAULT_PAGE_TITLE) {
            setAnnouncement(`Navigated to ${title}`);
        }
    }, [setAnnouncement, title]);
};

const DEFAULT_PAGE_TITLE = 'Unleash';