How to update meta tags in React.js?

Question

I was working on a single page application in react.js, so what is the best way to update meta tags on page transitions or browser back/forward?

Answer 1

Not sure if this is the answer you were looking for but I was searching for how to update the info your react app shows when you preview the link in some other app. Every solution I tried wasn't working with github pages and react (react-helmet, react-meta-tags, react-document-meta). What ended up working was that you can edit the index.html located inside the public folder to change this info. Include this somewhere in the head:

Example from https://ogp.me/