Fix #5

stack-auth · Apr 8, 2024 · f80d9fa · f80d9fa
1 parent 7dbf14f
commit f80d9fa
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 1 deletion.
diff --git a/examples/web-demo/package-lock.json b/examples/web-demo/package-lock.json
diff --git a/examples/web-demo/src/app/layout.tsx b/examples/web-demo/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
+import { PolyfillsOnClient } from "./polyfills-on-client";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -14,6 +15,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
+      <PolyfillsOnClient />
       <body className={inter.className}>{children}</body>
     </html>
   );

diff --git a/examples/web-demo/src/app/polyfills-on-client.tsx b/examples/web-demo/src/app/polyfills-on-client.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import { applyPolyfills } from "@/polyfills";
+applyPolyfills();
+
+export function PolyfillsOnClient() {
+  return <></>;
+}
diff --git a/examples/web-demo/src/polyfills.tsx b/examples/web-demo/src/polyfills.tsx
@@ -0,0 +1,12 @@
+export function applyPolyfills() {
+  console.log("Applying polyfills...");
+
+  /**
+   * The `node-postgres` module uses `Error.captureStackTrace`, which isn't supported on all modules. This is a polyfill for that.
+   * 
+   * constructorOpt is not supported by this polyfill.
+   */
+  Error.captureStackTrace ||= (error: Error, constructorOpt?: any) => {
+    error.stack = new Error().stack;
+  };
+}