Using React, I have a meta description in my index.html file and am adding meta descriptions on individual blog articles with react-helmet on each article page load.
When I search on Google with
https://www.mywebsite123.com/blog/some-long-specific-article-title, google displays the index.html meta description, but if I search on Google just
/blog/some-long-specific-article-title then the react-helmet meta description is displayed.
Why is that and how can I make it so
https://www.mywebsite123.com/blog/some-long-specific-article-title fetches the individual article's meta description while keeping the index.html meta description as a default for any other page that may not have its own description?