From 583b4b6b902f4d416435bef1a72030542c8b3198 Mon Sep 17 00:00:00 2001
From: devjiwonchoi <devjiwonchoi@gmail.com>
Date: Sat, 14 Jun 2025 00:46:26 +0200
Subject: [PATCH] [devtools] fix: error overlay closes when footer is clicked

---
 .../src/next-devtools/dev-overlay/components/dialog/dialog.tsx  | 1 +
 .../errors/error-overlay-footer/error-overlay-footer.tsx        | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/next/src/next-devtools/dev-overlay/components/dialog/dialog.tsx b/packages/next/src/next-devtools/dev-overlay/components/dialog/dialog.tsx
index 1df46f9264c7c..8a03d61fce311 100644
--- a/packages/next/src/next-devtools/dev-overlay/components/dialog/dialog.tsx
+++ b/packages/next/src/next-devtools/dev-overlay/components/dialog/dialog.tsx
@@ -18,6 +18,7 @@ const CSS_SELECTORS_TO_EXCLUDE_ON_CLICK_OUTSIDE = [
   '[data-info-popover]',
   '[data-nextjs-devtools-panel-overlay]',
   '[data-nextjs-devtools-panel-footer]',
+  '[data-nextjs-error-overlay-footer]',
 ]
 
 const Dialog: React.FC<DialogProps> = function Dialog({
diff --git a/packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-footer/error-overlay-footer.tsx b/packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-footer/error-overlay-footer.tsx
index e41093440157c..e1c51e66832d9 100644
--- a/packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-footer/error-overlay-footer.tsx
+++ b/packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-footer/error-overlay-footer.tsx
@@ -7,7 +7,7 @@ export type ErrorOverlayFooterProps = {
 
 export function ErrorOverlayFooter({ errorCode }: ErrorOverlayFooterProps) {
   return (
-    <footer className="error-overlay-footer">
+    <footer data-nextjs-error-overlay-footer className="error-overlay-footer">
       {errorCode ? (
         <ErrorFeedback className="error-feedback" errorCode={errorCode} />
       ) : null}