nextjs - 💡(How to fix) Fix Metadata descriptions containing Windows carriage returns result in duplicate <meta> tags [1 comments, 2 participants]

TL;DR

Strip Windows carriage returns from metadata to prevent duplicate description tags.

Guidance

• Verify the issue by checking the length of document.querySelectorAll('meta[name="description"]') in the browser console and inspecting the HTML for duplicate tags.
• Apply the suggested workaround by running the output from generateMetadata through replace(/\r/g, '') to remove Windows carriage returns.
• Check the Next.js configuration and metadata generation code to ensure that the workaround is applied consistently.
• Consider updating the code that generates metadata to handle Windows carriage returns correctly, rather than relying on a workaround.

Example

const metadata = generateMetadata();
const cleanedMetadata = metadata.replace(/\r/g, '');
// Use cleanedMetadata to generate the HTML

Notes

This workaround assumes that the Windows carriage returns are the only difference between the duplicate tags. If there are other differences, a more sophisticated solution may be needed.

Recommendation

Apply the workaround by stripping Windows carriage returns from the metadata using replace(/\r/g, ''), as this is a simple and effective solution to the problem.