is there a way to share react page on Facebook and pass an image?

Question

am trying to make my react page shareable on Facebook and Twitter. I tried everything I could, I have been googling all day, but I cant find the answer.

 <FacebookShareButton url={window.location.href} title={exactNews.text ?exactNews.title : ""}> 
      <FaFacebookF/>
 </FacebookShareButton>

any tips?

Answer 1

There is no way to pass an image to the share options anymore, the only way to add an image to a shared URL is by using the og:image tag in the source. Be aware that Facebook ignores JavaScript, so the og:image tag must be in the original source and not dynamically added via JavaScript. Facebook then automatically uses the image specified in the og:image tag.

More information: https://ogp.me/

You can use https://prerender.io/benefits/social-media-sharing/ or a framework like Next.js to render pages server side, with the correct OG images.