From ef97e3f36752bf756f65bf82564aba75010308ef Mon Sep 17 00:00:00 2001
From: Thomas Kunwar <20840228+yathomasi@users.noreply.github.com>
Date: Fri, 17 May 2024 14:10:39 +0545
Subject: [PATCH] fix: use gatsby Script API

---
 packages/gatsby-theme-iterative/gatsby-ssr.js | 18 ------------
 .../src/components/SEO/index.tsx              | 29 ++++++++++++-------
 2 files changed, 19 insertions(+), 28 deletions(-)
 delete mode 100644 packages/gatsby-theme-iterative/gatsby-ssr.js

diff --git a/packages/gatsby-theme-iterative/gatsby-ssr.js b/packages/gatsby-theme-iterative/gatsby-ssr.js
deleted file mode 100644
index 2560e3ba..00000000
--- a/packages/gatsby-theme-iterative/gatsby-ssr.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/* eslint-env node */
-const React = require('react')
-
-const onRenderBody = ({ setHeadComponents }, { plausibleSrc }) => {
-  if (plausibleSrc) {
-    return setHeadComponents([
-      <script
-        key="plausible-custom-events"
-        dangerouslySetInnerHTML={{
-          __html:
-            'window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }'
-        }}
-      />
-    ])
-  }
-}
-
-exports.onRenderBody = onRenderBody
diff --git a/packages/gatsby-theme-iterative/src/components/SEO/index.tsx b/packages/gatsby-theme-iterative/src/components/SEO/index.tsx
index 9c74b261..f643d83f 100644
--- a/packages/gatsby-theme-iterative/src/components/SEO/index.tsx
+++ b/packages/gatsby-theme-iterative/src/components/SEO/index.tsx
@@ -4,6 +4,7 @@ import { IGatsbyImageData } from 'gatsby-plugin-image'
 
 import getSiteMeta from '../../queries/siteMeta'
 import { buildMetadata, MetaProps, LinkProps } from './helper'
+import { Script } from 'gatsby'
 
 export interface IPaginatorPageInfo {
   currentPage: number
@@ -113,16 +114,24 @@ const SEO: React.FC<ISEOProps> = ({
         ...link
       ]}
     >
-      {siteMeta.plausibleSrc ? (
-        <script
-          defer
-          data-domain={
-            siteMeta.plausibleDomain || new URL(siteMeta.siteUrl).hostname
-          }
-          data-api={siteMeta.plausibleAPI || undefined}
-          src={siteMeta.plausibleSrc}
-        />
-      ) : null}
+      {siteMeta.plausibleSrc && (
+        <>
+          <Script
+            data-domain={
+              siteMeta.plausibleDomain || new URL(siteMeta.siteUrl).hostname
+            }
+            data-api={siteMeta.plausibleAPI || undefined}
+            src={siteMeta.plausibleSrc}
+          />
+          <Script
+            id="plausible-custom-events"
+            dangerouslySetInnerHTML={{
+              __html:
+                'window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }'
+            }}
+          />
+        </>
+      )}
       {children}
     </Helmet>
   )