Use next Script tag

pennlabs · Feb 21, 2024 · e831b47 · e831b47
1 parent 741e1a9
commit e831b47
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/frontend/components/Header/Head.tsx b/frontend/components/Header/Head.tsx
@@ -1,6 +1,7 @@
 import 'react-toastify/dist/ReactToastify.css'
 
 import Head from 'next/head'
+import Script from 'next/script'
 import { ReactElement, useEffect } from 'react'
 
 import { initGA, logPageView } from '../../utils/analytics'
@@ -30,7 +31,7 @@ const Heading = (): ReactElement => {
 
       <link rel="shortcut icon" href={SITE_FAVICON} />
 
-      <script
+      <Script
         src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
         integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
         crossOrigin="anonymous"

diff --git a/frontend/components/common/Metadata.tsx b/frontend/components/common/Metadata.tsx
@@ -1,4 +1,5 @@
 import Head from 'next/head'
+import Script from 'next/script'
 import { ReactElement } from 'react'
 
 import {
@@ -81,7 +82,7 @@ export const Metadata = ({
     <meta property="twitter:card" content={twitterCardType} />
 
     <link rel="shortcut icon" href={SITE_FAVICON} />
-    <script
+    <Script
       src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
       integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
       crossOrigin="anonymous"