From 44a3a47b48f910b39366a75f5ab31b377a37ce48 Mon Sep 17 00:00:00 2001
From: Kendall Strautman <36613477+kendallstrautman@users.noreply.github.com>
Date: Mon, 28 Jun 2021 09:00:37 -0700
Subject: [PATCH] website: upgrade react-head (#1352)

* chore: upgrade react-head and deps

* chore: upgrade to v3
---
 website/components/openapi-page/index.jsx | 2 --
 website/package-lock.json                 | 6 +++---
 website/package.json                      | 2 +-
 website/pages/_app.js                     | 2 --
 website/pages/_document.js                | 4 +++-
 website/pages/downloads/index.jsx         | 3 +--
 6 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/website/components/openapi-page/index.jsx b/website/components/openapi-page/index.jsx
index 142a7f9ab..8e5e0f7cb 100644
--- a/website/components/openapi-page/index.jsx
+++ b/website/components/openapi-page/index.jsx
@@ -1,7 +1,6 @@
 import { useState, useRef } from 'react'
 import Link from 'next/link'
 import OperationObject from './partials/operation-object'
-import Head from 'next/head'
 import HashiHead from '@hashicorp/react-head'
 import DocsSidenav from '@hashicorp/react-docs-sidenav'
 import Content from '@hashicorp/react-content'
@@ -32,7 +31,6 @@ function OpenApiPage({
   return (
     <div className={styles.root} data-theme={productSlug}>
       <HashiHead
-        is={Head}
         title={`${pageTitle} | ${productName} by HashiCorp`}
         description={info.description}
         siteName={`${productName} by HashiCorp`}
diff --git a/website/package-lock.json b/website/package-lock.json
index f22710933..a0d8bcd82 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -2154,9 +2154,9 @@
       }
     },
     "@hashicorp/react-head": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-head/-/react-head-2.0.0.tgz",
-      "integrity": "sha512-3xmaf7cU1lCUS/hgnpqokUw731xAPR51q5rCLuazMtSVasjnGqqoFSQfkQRycllUiCGG/GiMYSaBCY+WlwQXTQ=="
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@hashicorp/react-head/-/react-head-3.1.0.tgz",
+      "integrity": "sha512-tXfxi9Aqhx83p6wt753WfiYUhOEMzrsWKON200zsNFdwN2WkHPwArWbR6+ludVXleEmsBufL8GRYq7iqnnKKlQ=="
     },
     "@hashicorp/react-hero": {
       "version": "7.2.1",
diff --git a/website/package.json b/website/package.json
index d86d62efd..c64b04e91 100644
--- a/website/package.json
+++ b/website/package.json
@@ -13,7 +13,7 @@
     "@hashicorp/react-content": "7.0.1",
     "@hashicorp/react-docs-page": "13.2.0",
     "@hashicorp/react-hashi-stack-menu": "2.0.3",
-    "@hashicorp/react-head": "2.0.0",
+    "@hashicorp/react-head": "3.1.0",
     "@hashicorp/react-hero": "7.2.1",
     "@hashicorp/react-image": "4.0.0",
     "@hashicorp/react-product-downloader": "8.0.0",
diff --git a/website/pages/_app.js b/website/pages/_app.js
index 1a78b207a..e2b34f04a 100644
--- a/website/pages/_app.js
+++ b/website/pages/_app.js
@@ -6,7 +6,6 @@ import useAnchorLinkAnalytics from '@hashicorp/nextjs-scripts/lib/anchor-link-an
 import HashiStackMenu from '@hashicorp/react-hashi-stack-menu'
 import Router from 'next/router'
 import HashiHead from '@hashicorp/react-head'
-import Head from 'next/head'
 import { ErrorBoundary } from '@hashicorp/nextjs-scripts/lib/bugsnag'
 import ProductSubnav from '../components/subnav'
 import Footer from 'components/footer'
@@ -29,7 +28,6 @@ export default function App({ Component, pageProps }) {
   return (
     <ErrorBoundary FallbackComponent={Error}>
       <HashiHead
-        is={Head}
         title={title}
         siteName={title}
         description={description}
diff --git a/website/pages/_document.js b/website/pages/_document.js
index 9bd2e8c5d..c96c2d8ff 100644
--- a/website/pages/_document.js
+++ b/website/pages/_document.js
@@ -10,7 +10,9 @@ export default class MyDocument extends Document {
   render() {
     return (
       <Html>
-        <HashiHead is={Head} />
+        <Head>
+          <HashiHead />
+        </Head>
         <body>
           <Main />
           <NextScript />
diff --git a/website/pages/downloads/index.jsx b/website/pages/downloads/index.jsx
index 203d7d457..6f68655cc 100644
--- a/website/pages/downloads/index.jsx
+++ b/website/pages/downloads/index.jsx
@@ -1,5 +1,4 @@
 import { VERSION, DESKTOP_VERSION } from 'data/version.js'
-import Head from 'next/head'
 import HashiHead from '@hashicorp/react-head'
 import { productName, productSlug } from 'data/metadata'
 import ProductDownloader from '@hashicorp/react-product-downloader'
@@ -11,7 +10,7 @@ const DESKTOP_BINARY_SLUG = 'boundary-desktop'
 export default function DownloadsPage({ binaryReleases, desktopReleases }) {
   return (
     <div className={styles.root}>
-      <HashiHead is={Head} title={`Downloads | ${productName} by HashiCorp`} />
+      <HashiHead title={`Downloads | ${productName} by HashiCorp`} />
       <ProductDownloader
         releases={binaryReleases}
         packageManagers={[