use rewrite instead of redirect

next.config.js

@@ -4,11 +4,8 @@ const withNextra = require("nextra")({
   latex: true,
 });
 
-const { withPlausibleProxy } = require("next-plausible");
-
 module.exports = {
   ...withNextra(),
-  ...withPlausibleProxy(),
   async redirects() {
     return [
       {
@@ -33,4 +30,16 @@ module.exports = {
       },
     ];
   },
+  async rewrites() {
+    return [
+      {
+        source: "/js/script.js",
+        destination: "https://plausible.io/js/script.js",
+      },
+      {
+        source: "/api/event",
+        destination: "https://plausible.io/api/event",
+      },
+    ];
+  },
 };

package.json

@@ -20,7 +20,6 @@
   "dependencies": {
     "classnames": "2.3.2",
     "next": "^13.5.1",
-    "next-plausible": "^3.11.1",
     "nextra": "latest",
     "nextra-theme-docs": "latest",
     "react": "^18.2.0",

pages/_app.js

@@ -1,11 +1,11 @@
-import PlausibleProvider from "next-plausible";
 import "../styles/globals.css";
 import Script from "next/script";
 
 export default function MyApp({ Component, pageProps }) {
   return (
-    <PlausibleProvider domain="docs.chainflip.io">
+    <>
       <Component {...pageProps} />;
+      <Script defer data-domain="docs.chainflip.io" src="/js/script.js" />
       <Script
         async
         src="https://www.googletagmanager.com/gtag/js?id=G-VS19KR3TSL"
@@ -16,6 +16,6 @@ export default function MyApp({ Component, pageProps }) {
             "window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-VS19KR3TSL');",
         }}
       ></Script>
-    </PlausibleProvider>
+    </>
   );
 }