反応+反応ルーター+反応ヘルメットアプリでnetlifyプリレンダリングを設定しようとしています。ページがクロールされたときに、タグといくつかの開いているグラフのメタ タグにページ タイトルを表示しようとしています。
反応ヘルメットを呼び出すコードは次のとおりです。
<Helmet>
<title>{entry.title} — Road Trip en Islande</title>
<meta name="description" content="Nested component" />
<meta property="og:title" content={entry.title} />
<meta property="og:url"
content={`https://roadtrips.iwazaru.fr/entry/${entry.id}`} />
</Helmet>
https://github.com/iwazaru/road-trips/blob/fb0d93af1d441b5f4378ee5d3e6f3bf0724b22e3/src/components/Entry/Entry.jsより
プリレンダリングせずにブラウザーで動作します: https://roadtrips.iwazaru.fr/entry/S
また、netlify prerenderを使用してローカルで事前レンダリングする場合にも機能し、正しいタイトルとオープン グラフ タグが事前レンダリングされた html に表示されます。
しかし、Facebook デバッガーでページをクロールすると、ページの残りの部分は正しくプリレンダリングされますが、react ヘルメットに入れたものは何もプリレンダリングされないようです: https://developers.facebook.com/tools/debug/echo/?q= https%3A%2F%2Froadtrips.iwazaru.fr%2Fentry%2FS
私は何か間違っていますか？