GH-2171: Add Missing Page Title to Upgrade Plan Hub Page

[fcjr]

• Have you followed the guidelines in CONTRIBUTING.md?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?
• Have you added an explanation of what your changes do?
• Does your submission pass tests?
• Did you lint your code prior to submission?

[benstrumeyer]

LGTM

[wlycdgr]

Nice spot. If we want to avoid setting this on every render without reverting to using a class component, we can use the useEffect hook:

useEffect(() => {
  document.title = 'Ghostery is cool';
}, []);

The empty array second argument makes it so that the effect is only run once instead of after every render: https://reactjs.org/docs/hooks-effect.html#tip-optimizing-performance-by-skipping-effects

(No new packages need to be installed to use hooks, we should just be able to do import React, { useEffect } from 'react' since we are using React 16.13 and they've been supported since 16.8)

[fcjr]

Nice spot. If we want to avoid setting this on every render without reverting to using a class component, we can use the useEffect hook:

useEffect(() => {
  document.title = 'Ghostery is cool';
}, []);

The empty array second argument makes it so that the effect is only run once instead of after every render: https://reactjs.org/docs/hooks-effect.html#tip-optimizing-performance-by-skipping-effects

(No new packages need to be installed to use hooks, we should just be able to do import React, { useEffect } from 'react' since we are using React 16.13 and they've been supported since 16.8)

Nice! Looks to be working for me, updated to use this.