transition to seo plugin.

gatsby-config.js

@@ -148,5 +148,8 @@ module.exports = {
         {
             resolve: "gatsby-plugin-catch-links",
         },
+        {
+            resolve: "@bradgarropy/gatsby-plugin-seo",
+        },
     ],
 }

package.json

@@ -42,51 +42,52 @@
         "lint:fix": "eslint . --fix"
     },
     "dependencies": {
+        "@bradgarropy/gatsby-plugin-seo": "^1.0.0",
         "airtable": "^0.8.1",
         "babel-plugin-styled-components": "^1.10.7",
         "copyright": "0.0.3",
         "dotenv": "^8.2.0",
-        "gatsby": "^2.21.24",
-        "gatsby-image": "^2.4.3",
-        "gatsby-plugin-catch-links": "^2.3.1",
-        "gatsby-plugin-google-analytics": "^2.3.1",
+        "gatsby": "^2.22.15",
+        "gatsby-image": "^2.4.5",
+        "gatsby-plugin-catch-links": "^2.3.3",
+        "gatsby-plugin-google-analytics": "^2.3.2",
         "gatsby-plugin-instagram-embed": "^2.0.1",
-        "gatsby-plugin-layout": "^1.3.1",
-        "gatsby-plugin-manifest": "^2.4.2",
-        "gatsby-plugin-offline": "^3.2.1",
+        "gatsby-plugin-layout": "^1.3.2",
+        "gatsby-plugin-manifest": "^2.4.9",
+        "gatsby-plugin-offline": "^3.2.7",
         "gatsby-plugin-prefetch-google-fonts": "^1.4.3",
-        "gatsby-plugin-react-helmet": "^3.3.1",
+        "gatsby-plugin-react-helmet": "^3.3.2",
         "gatsby-plugin-react-svg": "^3.0.0",
-        "gatsby-plugin-sharp": "^2.6.2",
-        "gatsby-plugin-styled-components": "^3.3.1",
-        "gatsby-plugin-twitter": "^2.3.1",
-        "gatsby-remark-autolink-headers": "^2.3.1",
-        "gatsby-remark-embedder": "^2.0.1",
+        "gatsby-plugin-sharp": "^2.6.9",
+        "gatsby-plugin-styled-components": "^3.3.2",
+        "gatsby-plugin-twitter": "^2.3.2",
+        "gatsby-remark-autolink-headers": "^2.3.3",
+        "gatsby-remark-embedder": "^2.1.1",
         "gatsby-remark-external-links": "0.0.4",
-        "gatsby-remark-images": "^3.3.2",
-        "gatsby-source-filesystem": "^2.3.1",
+        "gatsby-remark-images": "^3.3.8",
+        "gatsby-source-filesystem": "^2.3.8",
         "gatsby-source-spotify": "^1.3.2",
         "gatsby-source-youtube-v2": "^1.0.1",
-        "gatsby-transformer-json": "^2.4.1",
-        "gatsby-transformer-remark": "^2.8.7",
-        "gatsby-transformer-sharp": "^2.5.2",
+        "gatsby-transformer-json": "^2.4.3",
+        "gatsby-transformer-remark": "^2.8.13",
+        "gatsby-transformer-sharp": "^2.5.3",
         "he": "^1.2.0",
         "modern-normalize": "^0.6.0",
         "node-fetch": "^2.6.0",
         "react": "^16.13.0",
         "react-dom": "^16.13.1",
         "react-helmet": "^6.0.0",
         "spotify-web-api-node": "^4.0.0",
-        "styled-components": "^5.1.0",
+        "styled-components": "^5.1.1",
         "twitter": "^1.7.1"
     },
     "devDependencies": {
         "babel-eslint": "^10.1.0",
-        "eslint": "^7.0.0",
+        "eslint": "^7.1.0",
         "eslint-config-bradgarropy": "^1.3.1",
         "eslint-plugin-jsx-a11y": "^6.2.3",
         "eslint-plugin-react": "^7.20.0",
-        "eslint-plugin-react-hooks": "^4.0.1",
+        "eslint-plugin-react-hooks": "^4.0.4",
         "prettier": "^2.0.5"
     }
 }

src/pages/404.js

@@ -1,7 +1,7 @@
 import React from "react"
 import styled from "styled-components"
+import SEO from "@bradgarropy/gatsby-plugin-seo"
 import {usePosts} from "../hooks"
-import {SEO} from "../components/SEO"
 import Oklahoma from "../svg/oklahoma.svg"
 import Container from "../styles/Container"
 import Post from "../components/Posts/Post"

src/pages/about.js

@@ -1,6 +1,6 @@
 import React from "react"
+import SEO from "@bradgarropy/gatsby-plugin-seo"
 import {useAbout} from "../hooks"
-import {SEO} from "../components/SEO"
 import Container from "../styles/Container"
 import About from "../components/About/About"
 

src/pages/episodes.js

@@ -1,7 +1,7 @@
 import React from "react"
 import styled from "styled-components"
+import SEO from "@bradgarropy/gatsby-plugin-seo"
 import {useEpisodes} from "../hooks"
-import {SEO} from "../components/SEO"
 import Container from "../styles/Container"
 import Episodes from "../components/Episodes/Episodes"
 

src/pages/index.js

@@ -1,7 +1,7 @@
 import React from "react"
 import {Link} from "gatsby"
 import styled from "styled-components"
-import {SEO} from "../components/SEO"
+import SEO from "@bradgarropy/gatsby-plugin-seo"
 import Section from "../styles/Section"
 import YouTube from "../components/YouTube"
 import {usePosts, useEpisode, usePlaylist} from "../hooks"

src/pages/playlists.js

@@ -1,7 +1,7 @@
 import React from "react"
 import styled from "styled-components"
+import SEO from "@bradgarropy/gatsby-plugin-seo"
 import {usePlaylists} from "../hooks"
-import {SEO} from "../components/SEO"
 import Container from "../styles/Container"
 import Playlists from "../components/Playlists/Playlists"
 

src/pages/posts.js

@@ -1,7 +1,7 @@
 import React from "react"
 import styled from "styled-components"
+import SEO from "@bradgarropy/gatsby-plugin-seo"
 import {usePosts} from "../hooks"
-import {SEO} from "../components/SEO"
 import Container from "../styles/Container"
 import Posts from "../components/Posts/Posts"
 

src/pages/store.js

@@ -2,9 +2,9 @@ import Img from "gatsby-image"
 import {navigate} from "gatsby"
 import React, {useState} from "react"
 import styled from "styled-components"
+import SEO from "@bradgarropy/gatsby-plugin-seo"
 import {useStore} from "../hooks"
 import {post} from "../utils/fetch"
-import {SEO} from "../components/SEO"
 import Container from "../styles/Container"
 import {STORE_NOTIFICATIONS} from "../utils/convertkit"
 

src/pages/tags.js

@@ -1,6 +1,6 @@
 import React from "react"
+import SEO from "@bradgarropy/gatsby-plugin-seo"
 import {useTags} from "../hooks"
-import {SEO} from "../components/SEO"
 import Tags from "../components/Tags"
 import Container from "../styles/Container"
 

src/pages/thanks.js

@@ -1,6 +1,6 @@
 import React from "react"
 import styled from "styled-components"
-import {SEO} from "../components/SEO"
+import SEO from "@bradgarropy/gatsby-plugin-seo"
 import Container from "../styles/Container"
 
 const Thanks = styled.h2`

src/templates/post.js

@@ -3,8 +3,8 @@ import Img from "gatsby-image"
 import {graphql} from "gatsby"
 import PropTypes from "prop-types"
 import styled from "styled-components"
+import SEO from "@bradgarropy/gatsby-plugin-seo"
 import Post from "../styles/Post"
-import {SEO} from "../components/SEO"
 import PostBody from "../styles/PostBody"
 import Container from "../styles/Container"
 import PostMeta from "../components/Posts/PostMeta"

src/templates/tag.js

@@ -2,8 +2,8 @@ import React from "react"
 import {graphql} from "gatsby"
 import PropTypes from "prop-types"
 import styled from "styled-components"
+import SEO from "@bradgarropy/gatsby-plugin-seo"
 import Tag from "../styles/Tag"
-import {SEO} from "../components/SEO"
 import Container from "../styles/Container"
 import Posts from "../components/Posts/Posts"