From dc858980e3f53253771600eb61501c45ac6bdfec Mon Sep 17 00:00:00 2001
From: devjiwonchoi <devjiwonchoi@gmail.com>
Date: Fri, 7 Feb 2025 21:55:22 +0900
Subject: [PATCH] remove focus outline none

---
 .../error-overlay-pagination/error-overlay-pagination.tsx     | 4 ----
 test/e2e/app-dir/hello-world/app/page.tsx                     | 4 ++++
 test/e2e/app-dir/hello-world/next.config.js                   | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.tsx
index a43b4475b5d678..84fc8a63222cd4 100644
--- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.tsx
@@ -180,10 +180,6 @@ export const styles = css`
     border: none;
     border-radius: var(--rounded-full);
 
-    &:focus {
-      outline: none;
-    }
-
     &:not(:disabled):active {
       background: var(--color-gray-500);
     }
diff --git a/test/e2e/app-dir/hello-world/app/page.tsx b/test/e2e/app-dir/hello-world/app/page.tsx
index ff7159d9149fee..ddcbebfb9fb1f0 100644
--- a/test/e2e/app-dir/hello-world/app/page.tsx
+++ b/test/e2e/app-dir/hello-world/app/page.tsx
@@ -1,3 +1,7 @@
+'use client'
+
 export default function Page() {
+  console.error('hello world 1')
+  console.error('hello world 2')
   return <p>hello world</p>
 }
diff --git a/test/e2e/app-dir/hello-world/next.config.js b/test/e2e/app-dir/hello-world/next.config.js
index 807126e4cf0bf5..c6123110a057e7 100644
--- a/test/e2e/app-dir/hello-world/next.config.js
+++ b/test/e2e/app-dir/hello-world/next.config.js
@@ -1,6 +1,6 @@
 /**
  * @type {import('next').NextConfig}
  */
-const nextConfig = {}
+const nextConfig = { experimental: { newDevOverlay: true } }
 
 module.exports = nextConfig