Ben Borgers

How to use react-helmet-async with Gatsby

gatsby

When you replace react-helmet with react-helmet-async, you can use the Gatsby plugin @rhysforyou/gatsby-plugin-react-helmet-async to make it work with Gatsby.

Just install the plugin:

npm install @rhysforyou/gatsby-plugin-react-helmet-async

And include the plugin in gatsby-config.js:

module.exports = {
plugins: [
"@rhysforyou/gatsby-plugin-react-helmet-async"
]
}

Now, you can use react-helmet-async in your Gatsby site:

import React from "react"
import { Helmet } from "react-helmet-async"

export default () => {
return (
<Helmet>
<title>Candlemaker Corner</title>
</Helmet>
)
}