From b3b8f1a38ad7c69f6e0c42902b41a2f7f6b4e46e Mon Sep 17 00:00:00 2001
From: Logan Rosen <loganrosen@gmail.com>
Date: Fri, 13 Mar 2026 02:28:58 -0400
Subject: [PATCH] Filter ResizeObserver loop errors from dev server overlay
 (#30125)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The @rspack/dev-server overlay catches ResizeObserver loop errors as
runtime crashes, showing a full-screen error overlay that blocks
development. These errors are benign — they originate from
lit-virtualizer (used by ha-data-table) and simply mean not all
resize observations could be delivered in a single animation frame.

Add a client.overlay.runtimeErrors filter to the dev server config
that suppresses ResizeObserver loop messages while still surfacing
all real runtime errors.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 build-scripts/gulp/rspack.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/build-scripts/gulp/rspack.js b/build-scripts/gulp/rspack.js
index 2080c84a87..b4cbb51764 100644
--- a/build-scripts/gulp/rspack.js
+++ b/build-scripts/gulp/rspack.js
@@ -57,6 +57,12 @@ const runDevServer = async ({
         directory: contentBase,
         watch: true,
       },
+      client: {
+        overlay: {
+          runtimeErrors: (error) =>
+            !error?.message?.includes("ResizeObserver loop"),
+        },
+      },
       proxy,
     },
     compiler