nextjsでメタタグを動的に設定する方法

Question

次のjsでNextHeadを使用し、オープングラフタグを設定する方法。詳細ページから小道具を渡していますが、ソースには表示されません。

<NextHead>
    <title>{title}</title>
    <meta property="og:type" content="website"/>
    <meta name="description" content={description}/>
    <meta property="og:title" content={title}/>
    <meta name="description" content={description}/>
    <meta name="keywords" content={keyword}/>
    <meta property="og:url" content={url}/>
    <meta property="og:description" content={description}/>
    <meta property="og:image" content={image}/>
</NextHead>

Answer 1

問題の1つは、Next.jsヘッドコンポーネントがすべてのメタタグにname属性を持つ必要があることです。私はこれがどこにも文書化されているのを見ません、そしてこれが理由であると私は信じています

<meta property="og:url" content={url}/>

元の質問からは、DOMになっていない。この落とし穴を理解するのにかなり時間がかかったので、これが誰かの役に立てば幸いです。