title: ReactJS: How can I change the link preview of a URL?
body: <p>I don't know where to start with this, my default link preview for my site looks like this: 
  <a href="https://i.stack.imgur.com/45hRV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/45hRV.png" alt="enter image description here"></a>
  I don't know why it's displaying bootstrap and not what is in my site. This is the page I am trying to share:</p>
  
  <p><a href="https://i.stack.imgur.com/12sYK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/12sYK.png" alt="enter image description here"></a></p>
  
  <p>so I was expecting that the link would have the image and the title(blacked out). </p>
  
  <p>But on the good side, when you click on the bootstrap link, it will redirect to my page and not to bootstrap but still what I cannot get is why is it displaying bootstrap and not what is on the page? Where can I change it? </p>
  
  <p>Thanks for the help. </p>