If you want to set a dynamic page title in React, you can just put a title tag inside your component. But thereโs a catch:
โ ๏ธ Only one title should be rendered at a time. If more than one component adds a title at once, React will put all of them in the head, which can cause unexpected behavior in the browser and affect SEO.
{/* โ ๐๐๐๐๐ */}๐ฑ๐๐๐๐๐๐๐ ${๐๐๐๐}
<๐๐๐๐๐>๐ฑ๐๐๐๐๐๐๐ {๐๐๐๐}</๐๐๐๐๐>
{/* โ
๐ฒ๐๐๐๐๐๐ */}
<๐๐๐๐๐>{}</๐๐๐๐๐>
The first one ends up creating an array ([“Bookings”, page]) instead of a string, so it doesnโt work properly. Using a template literal fixes it.
