fuck the fetch

Author: CGQAQ

next.config.js

@@ -13,6 +13,18 @@ const nextConfig = {
   },
 
   webpack: (config, options) => {
+    if (options.isServer) {
+      const originalEntry = config.entry;
+      config.entry = async () => {
+        const entries = await originalEntry();
+        if (entries["pages/_app"]) {
+          entries["pages/_app"].unshift("./src/fuck-the-fetch.ts");
+        }
+
+        return entries;
+      };
+    }
+
     config.module.rules.push({
       test: /\.yml/,
       use: "yaml-loader",

package-lock.json

@@ -42,6 +42,7 @@
     "negotiator": "^0.6.3",
     "next": "13.2.3",
     "next-sitemap": "^4.0.2",
+    "node-fetch": "^3.3.1",
     "openai": "^3.2.1",
     "papaparse": "^5.4.0",
     "react": "18.2.0",

package.json

@@ -0,0 +1,24 @@
+import fetch, {
+  Blob,
+  blobFrom,
+  blobFromSync,
+  File,
+  fileFrom,
+  fileFromSync,
+  FormData,
+  Headers,
+  Request,
+  Response,
+} from "node-fetch";
+
+(globalThis as any).fetch = fetch;
+(globalThis as any).Blob = Blob;
+(globalThis as any).blobFrom = blobFrom;
+(globalThis as any).blobFromSync = blobFromSync;
+(globalThis as any).File = File;
+(globalThis as any).fileFrom = fileFrom;
+(globalThis as any).fileFromSync = fileFromSync;
+(globalThis as any).FormData = FormData;
+(globalThis as any).Headers = Headers;
+(globalThis as any).Request = Request;
+(globalThis as any).Response = Response;