Dynamic OG Tags implementation for a website built on React

We have a Website built in React. We need to add the OG tags dynamically for the pages where it should display the image, title and description properly when the URL is shared on the social platforms. We are able to add the tags dynamically on the pages but when we share the URL, it is not fetching the image, title, description etc. and not showing correctly. The tags are coming in the inspect element but not in the source file.