From 211cd22b3186aa86a2dd98e1c036049b222bb926 Mon Sep 17 00:00:00 2001
From: Xavier Abad <xabadgo01@gmail.com>
Date: Fri, 23 Jan 2026 15:58:03 +0100
Subject: [PATCH] fix: prevent DOM removal crash caused by browser translation

---
 src/index.tsx | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/src/index.tsx b/src/index.tsx
index d069d002d..13768c08a 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -27,6 +27,37 @@ import envService from 'services/env.service';
 import { enforceCanonicalDriveDomain } from 'utils/canonicalDomain.utils';
 import { initializeServiceWorkers } from 'utils/initializeServiceWorkers.utils';
 
+/**
+ * Patches Node.prototype.removeChild to prevent NotFoundError when browser
+ * translation features (like Edge auto-translate) move DOM nodes.
+ *
+ * Browser translators modify the DOM by wrapping or moving text nodes, which can
+ * cause React to lose track of its nodes and throw "Failed to execute 'removeChild'"
+ * errors during cleanup.
+ *
+ * This patch adds a safety check before removing nodes, allowing translation to
+ * work while preventing crashes.
+ *
+ * This must be placed here because if we move it to a function (in another file),
+ * the function will be called too late.
+ *
+ * Read more: https://github.com/vercel/next.js/issues/58055#issuecomment-3133346877
+ */
+if (typeof Node !== 'undefined' && Node.prototype.removeChild) {
+  const originalRemoveChild = Node.prototype.removeChild;
+  Node.prototype.removeChild = function <T extends Node>(child: T): T {
+    if (!this.contains(child)) {
+      console.warn('Google Translate attempted to remove a child node from the wrong parent. Skipping.', {
+        childNode: child?.nodeName,
+        expectedParent: this?.nodeName,
+        actualParent: child?.parentNode?.nodeName,
+      });
+      return child;
+    }
+    return originalRemoveChild.call(this, child) as T;
+  };
+}
+
 enforceCanonicalDriveDomain();
 
 // Initialize workers immediately