react-head-tags

ReactDOMServer.renderToNodeStream() ready component to manage document.head

Installation

npm install react-head-tags --save

Usage

import React from 'react'
import { renderToNodeStream } from 'react-dom/server'
import { HeadManager, HeadTags } from 'react-head-tags'
 
let headTags
const contentStream = renderToNodeStream(
  <HeadManager
    onHeadTagsChange={tags => {
      headTags = tags
    }}
  >
    <HeadTags>
      <title>Title</title>
      <meta name="description" content="testing" />
    </HeadTags>
  </HeadManager>,
)

Note that head tags are not collected before the app is rendered, e.g. headTags is undefined until contentStream is finished in the above example.