From 764e8f76f0a8113a28ef5bf37b63099e2281e350 Mon Sep 17 00:00:00 2001
From: Benjamin Toby <devops@tben.me>
Date: Wed, 25 Mar 2026 16:03:45 +0100
Subject: [PATCH] Surpress react/jsx-runtime errors

---
 dist/functions/server/web-pages/generate-web-html.js |  1 +
 .../web-pages/grab-web-page-hydration-script.js      | 10 +++++++++-
 package.json                                         |  2 +-
 src/functions/server/web-pages/generate-web-html.tsx |  1 +
 .../web-pages/grab-web-page-hydration-script.tsx     | 12 +++++++++++-
 5 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/dist/functions/server/web-pages/generate-web-html.js b/dist/functions/server/web-pages/generate-web-html.js
index 7885fb9..12239a5 100644
--- a/dist/functions/server/web-pages/generate-web-html.js
+++ b/dist/functions/server/web-pages/generate-web-html.js
@@ -49,6 +49,7 @@ export default async function genWebHTML({ component, pageProps, bundledMap, mod
         "react-dom": `https://esm.sh/react-dom@${_reactVersion}`,
         "react-dom/client": `https://esm.sh/react-dom@${_reactVersion}/client`,
         "react/jsx-runtime": `https://esm.sh/react@${_reactVersion}/jsx-runtime`,
+        "react/jsx-dev-runtime": `https://esm.sh/react@${_reactVersion}/jsx-dev-runtime`,
     };
     // if (dev) {
     //     browser_imports["react/jsx-dev-runtime"] =
diff --git a/dist/functions/server/web-pages/grab-web-page-hydration-script.js b/dist/functions/server/web-pages/grab-web-page-hydration-script.js
index 4044b7d..86868a9 100644
--- a/dist/functions/server/web-pages/grab-web-page-hydration-script.js
+++ b/dist/functions/server/web-pages/grab-web-page-hydration-script.js
@@ -4,9 +4,17 @@ export default async function (params) {
     const { ClientWindowPagePropsName } = grabConstants();
     let script = "";
     script += `console.log(\`Development Environment\`);\n\n`;
+    const errors_to_supress = [
+        "hydrat",
+        "react/jsx-dev-runtime",
+        "react/jsx-runtime",
+    ];
+    const supress_condition = errors_to_supress
+        .map((e) => `args[0].includes("${e}")`)
+        .join(" || ");
     script += `const _ce = console.error.bind(console);\n`;
     script += `console.error = (...args) => {\n`;
-    script += `    if (typeof args[0] === "string" && args[0].includes("hydrat")) return;\n`;
+    script += `    if (typeof args[0] === "string" && (${supress_condition})) return;\n`;
     script += `    _ce(...args);\n`;
     script += `};\n\n`;
     script += `function __bunext_show_error(message, source, stack) {\n`;
diff --git a/package.json b/package.json
index edb6a15..25f9ffe 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
     "name": "@moduletrace/bunext",
     "module": "index.ts",
     "type": "module",
-    "version": "1.0.35",
+    "version": "1.0.36",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "exports": {
diff --git a/src/functions/server/web-pages/generate-web-html.tsx b/src/functions/server/web-pages/generate-web-html.tsx
index 3081184..bd74cc2 100644
--- a/src/functions/server/web-pages/generate-web-html.tsx
+++ b/src/functions/server/web-pages/generate-web-html.tsx
@@ -74,6 +74,7 @@ export default async function genWebHTML({
         "react-dom": `https://esm.sh/react-dom@${_reactVersion}`,
         "react-dom/client": `https://esm.sh/react-dom@${_reactVersion}/client`,
         "react/jsx-runtime": `https://esm.sh/react@${_reactVersion}/jsx-runtime`,
+        "react/jsx-dev-runtime": `https://esm.sh/react@${_reactVersion}/jsx-dev-runtime`,
     };
 
     // if (dev) {
diff --git a/src/functions/server/web-pages/grab-web-page-hydration-script.tsx b/src/functions/server/web-pages/grab-web-page-hydration-script.tsx
index 72ae498..1948936 100644
--- a/src/functions/server/web-pages/grab-web-page-hydration-script.tsx
+++ b/src/functions/server/web-pages/grab-web-page-hydration-script.tsx
@@ -13,9 +13,19 @@ export default async function (params?: Params) {
 
     script += `console.log(\`Development Environment\`);\n\n`;
 
+    const errors_to_supress = [
+        "hydrat",
+        "react/jsx-dev-runtime",
+        "react/jsx-runtime",
+    ];
+
+    const supress_condition = errors_to_supress
+        .map((e) => `args[0].includes("${e}")`)
+        .join(" || ");
+
     script += `const _ce = console.error.bind(console);\n`;
     script += `console.error = (...args) => {\n`;
-    script += `    if (typeof args[0] === "string" && args[0].includes("hydrat")) return;\n`;
+    script += `    if (typeof args[0] === "string" && (${supress_condition})) return;\n`;
     script += `    _ce(...args);\n`;
     script += `};\n\n`;