[devtools] fix: error overlay closes when footer is clicked

Author: devjiwonchoi

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({

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}