Move beforeInteractive script to _document

aws-amplify · Dec 7, 2023 · 1913827 · 1913827
1 parent 2bbc329
commit 1913827
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 10 deletions.
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -185,23 +185,13 @@ function MyApp({ Component, pageProps }) {
       ></Script>
       {process.env.BUILD_ENV !== 'production' ? (
         <>
-          {/* eslint-disable-next-line @next/next/no-sync-scripts */}
-          <Script
-            src="https://aa0.awsstatic.com/s_code/js/3.0/awshome_s_code.js"
-            strategy="beforeInteractive"
-          ></Script>
           <Script
             src="https://alpha.d2c.marketing.aws.dev/client/loader/v1/d2c-load.js"
             strategy="afterInteractive"
           ></Script>
         </>
       ) : (
         <>
-          {/* eslint-disable-next-line @next/next/no-sync-scripts */}
-          <Script
-            src="https://a0.awsstatic.com/s_code/js/3.0/awshome_s_code.js"
-            strategy="beforeInteractive"
-          ></Script>
           <Script
             src="https://d2c.aws.amazon.com/client/loader/v1/d2c-load.js"
             strategy="afterInteractive"

diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -1,5 +1,6 @@
 import crypto from 'crypto';
 import Document, { Html, Head, Main, NextScript } from 'next/document';
+import Script from 'next/script';
 
 const cspHashOf = (text) => {
   const hash = crypto.createHash('sha256');
@@ -118,6 +119,23 @@ export default class MyDocument extends Document {
         <body>
           <Main />
           <NextScript />
+          {process.env.BUILD_ENV !== 'production' ? (
+            <>
+              {/* eslint-disable-next-line @next/next/no-sync-scripts */}
+              <Script
+                src="https://aa0.awsstatic.com/s_code/js/3.0/awshome_s_code.js"
+                strategy="beforeInteractive"
+              ></Script>
+            </>
+          ) : (
+            <>
+              {/* eslint-disable-next-line @next/next/no-sync-scripts */}
+              <Script
+                src="https://a0.awsstatic.com/s_code/js/3.0/awshome_s_code.js"
+                strategy="beforeInteractive"
+              ></Script>
+            </>
+          )}
         </body>
       </Html>
     );