Only render a single <title> at a time. If more than one component renders a <title> tag at the same time, React will place all of those titles in the document head. When this happens, the behavior of browsers and search engines is undefined.
👉 Source
Use variables in the title
The children of the <title> component must be a single string of text.
<title>Results page {pageNumber}</title> // 🔴 Problem: This is not a single string
<title>{`Results page ${pageNumber}`}</title> // ✅
👉 Source