Link Preview For Reactjs Proejct

Question

I've been working on a personal blogging website. Recently I added a share button for whatsapp using react-share APIs.

<div>
    <WhatsappShareButton 
      title={`${Title}\n`}
       url={`demo.com/#/blogs/${userId}`}
        >
      <WhatsappIcon className='btn-whatsapp'></WhatsappIcon>
    </WhatsappShareButton>
</div>

So whenever url get loaded, I get an whatsapp icon to share. when I share it shares the link below

Title of the blog is given here
https://www.demo.com/blogs/haslfhsljsa

Now I want to add an Image preview in the shared link not sure how to do. Looking for help. thanks,