Synchronizing Page Title With Product State

Update document.title directly at the top of the component during render

Update document.title inside useEffect when the product changes

Store document.title inside component state first

Use useMemo to compute the title string and let React update the DOM automatically