Я очень новичок в reactjs. когда я делюсь ссылкой, она должна отображать изображение. Я пытался обновить метатег, используя реакцию-мета-теги, но это не сработало, но оно обновляет заголовок документа, но не работает с изображением. Я пытался с реагировать-документа-мета, но не работал. Пожалуйста, помогите мне 
import React from "react";
import "./styles.css";
import MetaTags from "react-meta-tags";
export default function App() {
return (
<div className="wx-1120px border-box pxl-10px">
<MetaTags>
<title>Page 1</title>
<meta
id="meta-description"
name="description"
content="Some description."
/>
<meta id="og-title" property="og:title" content="MyApp" />
<meta
id="og-image"
property="og:image"
content="https://live.staticflickr.com/4561/38054606355_26429c884f_b.jpg"
/>
</MetaTags>
<h3 className="wx-100precent fsx-48px din-bo alText-center mxb-15px">
Test Title{" "}
</h3>
<img
src="https://live.staticflickr.com/4561/38054606355_26429c884f_b.jpg"
alt="test"
height="300"
width="300"
/>
<p className="alText-center din-re fsx-14px color-HEX666666 mxb-30px">
Published by - Test User | 8 minute read
</p>
<style jsx>{`
.word-wrap {
word-wrap: break-word;
text-align: justify;
}
`}</style>
</div>
);
}