From 27d70b5fa61f1c1a836d52809549cb57569f42a4 Mon Sep 17 00:00:00 2001
From: seokju-na <seokju.me@gmail.com>
Date: Fri, 22 Nov 2024 00:36:41 +0900
Subject: [PATCH] fix(client): overlay not appearing when multiple vite clients
 were loaded (#18647)

---
 packages/vite/src/client/client.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/vite/src/client/client.ts b/packages/vite/src/client/client.ts
index ecf57cb07a3be5..fdf13ded820b28 100644
--- a/packages/vite/src/client/client.ts
+++ b/packages/vite/src/client/client.ts
@@ -308,7 +308,11 @@ const hasDocument = 'document' in globalThis
 
 function createErrorOverlay(err: ErrorPayload['err']) {
   clearErrorOverlay()
-  document.body.appendChild(new ErrorOverlay(err))
+  const { customElements } = globalThis
+  if (customElements) {
+    const ErrorOverlayConstructor = customElements.get(overlayId)!
+    document.body.appendChild(new ErrorOverlayConstructor(err))
+  }
 }
 
 function clearErrorOverlay() {