Brown Markup Library

usePageTitle

Set the page title meta tag in the head.

TypeScript

import { useEffect } from "react";

export default function usePageTitle(title: string) {
  useEffect(() => {
    const prevTitle = document.title;
    document.title = title;
    return () => {
      document.title = prevTitle;
    };
  }, [title]);
}

JavaScript

import { useEffect } from "react";

export default function usePageTitle(title) {
  useEffect(() => {
    const prevTitle = document.title;
    document.title = title;
    return () => {
      document.title = prevTitle;
    };
  }, [title]);
}