This has been a pain to debug today, but I think I have reached the bottom of the issue.
I am using server-side rendering with Netlify (the default SSR used when enabling it in settings).
I’m using it with React Helmet for dynamic metatags.
My site is focused-chandrasekhar-24a072
I have it hosted at hyaliko.com
I use react-router-dom to take any path of the form
and route it to the same page.
My issue is that when paths look like this “hyaliko - the social spatial nft gallery” the dynamic meta tags don’t load at all.
I have narrowed down the issue with 99% confidence and I’m pretty sure that the issue is the “.” in the last part of the path.
If I remove the dot and type in any other word or series of characters, it works fine, but as soon as they’re separated with a dot, it breaks.
Here’s some screenshots using Twitter’s OpenGraph tag debugger to illustrate
And to be clear, the app works totally fine, the only thing that doesn’t work is loading metatags through Netlify’s SSR. So I’m thinking that there might be something going on with the SSR where it does not handle paths that include dots (".").
This is actually a very pressing issue for me as I can’t change my URL schema and the only fix would be to migrate to a different platform.
Thanks in advance for the response!