Gatsby.js Twitter Cardの画像のみ表示されない（OGP）

前提・実現したいこと

現在、Gatsby.jsのスターターを使用してLPを作成しています。開発は一通り終わり、ドメインも取得して公開まで準備okな状態なのですが、Twitter Cardの画像が表示されず、苦戦しています。Card validatorを使って、プレビューしながら試しているのですが、どうやらtitle, desctiptionなどのmeta情報は読み込めているようです。（下記の画像通りです）

会社のプロジェクトの為、Twitter Cardの画像が読み込まれないとLPの告知ができない為とても困っています。どなたかの知恵を借りたいです

該当のソースコード

使用しているスターターは、src/utils/helmet.tsというファイルにogp関連のコードを記述して、ccomponents/layout/BaseLayout.tsxでパッケージのreact-helmetでファイルを読み込んでいます。

helmet.ts

ts
1import favicon from "assets/images/favicon.png";
2import share from "assets/images/ogp.png";
3
4const title = "title";
5const description =
6  "description";
7
8export const helmet = {
9  title,
10  titleTemplate: "%s by  LP",
11  htmlAttributes: { lang: "jp" },
12  meta: [
13    { name: "description", content: description },
14    {
15      name: "viewport",
16      content: "width=device-width, initial-scale=1, user-scalable=no",
17    },
18    { name: "apple-mobile-web-app-status-bar-style", content: "black" },
19    { name: "msapplication-navbutton-color", content: "#000" },
20    { name: "msapplication-TileColor", content: "#000" },
21    { name: "theme-color", content: "#000" },
22
23    { property: "og:title", content: title },
24    { property: "og:image", content: share },
25    { property: "og:image:width", content: "1200px" },
26    { property: "og:image:height", content: "630px" },
27    { property: "og:image:alt", content: description },
28
29    { name: "twitter:title", content: title },
30    { name: "twitter:card", content: "summary_large_image" },
31    { name: "twitter:image", content: share },
32    { name: 'twitter:site', content: '@username' },
33    { name: 'twitter:creator', content: '@username' },
34    { name: "twitter:description", content: description },
35  ],
36  link: [{ rel: "icon", type: "image/x-icon", href: favicon }],
37};
38
39

試したこと

1 importしている画像ファイルを絶対パスに変更→変わらず画像が表示されない

ts
1import share from "assets/images/ogp.png";
2import share from "https://lp.com/src/assets/images/ogp.png";

2 shareの部分をパスに変更

ts
1{ name: "twitter:image", content: "assets/images/ogp.png" },
2// or
3{ name: "twitter:image", content: "https://lp.com/src/assets/images/ogp.png" },