@am-hooks/use-title/useTitle.js

Change browser tab title

import { useState, useEffect } from "react";

export const useTitle = initialTitle => {
    const [title, setTitle] = useState(initialTitle);
    const updateTitle = () => {
        const htmlTitle = document.querySelector("title");
        htmlTitle.innerHTML = title;
    };
    useEffect(updateTitle, [title]);
    return setTitle;
};