useDocumentTitle template literal hook

useDocumentTitle.ts

import React from "react";

export function useDocumentTitle(
  strings: TemplateStringsArray,
  ...args: ReadonlyArray<string>
): void {
  React.useEffect(() => {
    let title = "";
    strings.forEach((part, i) => {
      title += part;
      if (args[i]) {
        title += args[i];
      }
    });
    document.title = title;
  }, args);
}

/*
useDocumentTitle`App | ${variable}`
*/