Update packages and use Script component (#29)

* Update packages and use Script component

* Upgrade again

* Move plausible script outside of Helmet

Author: rogermparent

package.json

@@ -20,14 +20,14 @@
     "./packages/*"
   ],
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.29.0",
-    "@typescript-eslint/parser": "^5.29.0",
-    "eslint": "^8.18.0",
+    "@typescript-eslint/eslint-plugin": "^5.30.7",
+    "@typescript-eslint/parser": "^5.30.7",
+    "eslint": "^8.20.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-json": "^3.1.0",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.30.0",
+    "eslint-plugin-jsx-a11y": "^6.6.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.30.1",
     "prettier": "^2.7.1",
     "stylelint": "^14.9.1",
     "stylelint-config-standard": "^26.0.0"

packages/gatsby-theme-iterative/src/components/Page/DefaultSEO/index.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import { Script } from 'gatsby'
 import Helmet from 'react-helmet'
 
 import { MetaProps } from '../../SEO'
@@ -102,27 +103,32 @@ const DefaultSEO: React.FC<IDefaultSEOProps> = ({ pathname }) => {
   ]
 
   return (
-    <Helmet
-      htmlAttributes={{
-        lang: 'en'
-      }}
-      defaultTitle={metaTitle}
-      titleTemplate={`%s | ${metaTitle}`}
-      meta={meta}
-      link={[
-        { rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#13adc7' },
-        {
-          rel: 'canonical',
-          href: fullUrl
-        }
-      ]}
-    >
-      <script
+    <>
+      <Helmet
+        htmlAttributes={{
+          lang: 'en'
+        }}
+        defaultTitle={metaTitle}
+        titleTemplate={`%s | ${metaTitle}`}
+        meta={meta}
+        link={[
+          {
+            rel: 'mask-icon',
+            href: '/safari-pinned-tab.svg',
+            color: '#13adc7'
+          },
+          {
+            rel: 'canonical',
+            href: fullUrl
+          }
+        ]}
+      />
+      <Script
         defer
         data-domain="dvc.org"
         src="https://plausible.io/js/plausible.outbound-links.js"
-      ></script>
-    </Helmet>
+      />
+    </>
   )
 }