[CAL-1627] Social share previews don't render ampersands

[milospuac]

Created via Threads. See full discussion: https://threads.com/34470827863

_{From SyncLinear.com | CAL-1627}

[AyushMainali123]

Hey @milospuac , It seems this thread is not publicly accessible, or am I missing something here?

[milospuac]

Our thread is private, but I posted the picture which explains the issue. If in your profile description you have "&" symbol, the social preview image won't render it properly.

[AyushMainali123]

Got it, Thank you for the explanation. I will look into this issue now.

[milospuac]

@AyushMainali123 cool, I'll assign it to you. Thanks for contributing 🫡

[AyushMainali123]

Hey @milospuac , this issue might be caused by NextSeo component we are using (imported from 'next-seo') inside HeadSeo component.

I have console logged the props that is sent to NextSEO. The props that is being passed to the NextSeo is not being convert into that entity.

But the preview was correctly rendered in my local build.

I used Social Share Preview Chrome Extension to test the issue.

[AyushMainali123]

@sean-brydon @milospuac ,

Could you please verify this behavior? If it's correct, we can create a workaround by replacing & with and. However, for other HTML entities, such as ', we may not have any alternatives except to contact the team responsible for creating the library.

Please let me know if my diagnosis is wrong or if I am missing something here.

Thank you!