use script

Author: Shane98c

package-lock.json

@@ -49,7 +49,6 @@
     "ndarray": "^1.0.19",
     "next": "^14.2.22",
     "next-mdx-remote": "^4.1.0",
-    "next-plausible": "^3.12.4",
     "react": "^18.2.0",
     "react-animate-height": "^2.0.23",
     "react-dom": "^18.2.0",

package.json

@@ -1,5 +1,5 @@
 import React from 'react'
-import PlausibleProvider from 'next-plausible'
+import Script from 'next/script'
 import { ThemeProvider } from 'theme-ui'
 import '@carbonplan/components/fonts.css'
 import '@carbonplan/components/globals.css'
@@ -8,15 +8,17 @@ import theme from '@carbonplan/theme'
 
 const App = ({ Component, pageProps }) => {
   return (
-    <PlausibleProvider
-      domain='carbonplan.org'
-      trackOutboundLinks
-      trackFileDownloads
-    >
-      <ThemeProvider theme={theme}>
-        <Component {...pageProps} />
-      </ThemeProvider>
-    </PlausibleProvider>
+    <ThemeProvider theme={theme}>
+      {process.env.NEXT_PUBLIC_VERCEL_ENV === 'production' && (
+        <Script
+          strategy='lazyOnload'
+          data-domain='carbonplan.org'
+          data-api='https://carbonplan.org/proxy/api/event'
+          src='https://carbonplan.org/js/script.file-downloads.outbound-links.js'
+        />
+      )}
+      <Component {...pageProps} />
+    </ThemeProvider>
   )
 }