React custom hook: set document title when enter a page

useTitle.js

const DEFAULT_TITLE = "Your default title";

const useTitle = (title) => {
  useEffect(() => {
    document.title = title || DEFAULT_TITLE;
  }, [title]);
};

export default useTitle;