add hostname to default error boundary

vercel · Jan 21, 2025 · af70ac9 · af70ac9
1 parent 029a819
commit af70ac9
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/packages/next/src/client/components/error-boundary.tsx b/packages/next/src/client/components/error-boundary.tsx
@@ -155,11 +155,10 @@ export function GlobalError({ error }: { error: any }) {
         <div style={styles.error}>
           <div>
             <h2 style={styles.text}>
-              {`Application error: a ${
-                digest ? 'server' : 'client'
-              }-side exception has occurred (see the ${
-                digest ? 'server logs' : 'browser console'
-              } for more information).`}
+              Application error: a {digest ? 'server' : 'client'}-side exception
+              has occurred while loading {window.location.hostname} (see the{' '}
+              {digest ? 'server logs' : 'browser console'} for more
+              information).
             </h2>
             {digest ? <p style={styles.text}>{`Digest: ${digest}`}</p> : null}
           </div>

diff --git a/packages/next/src/pages/_error.tsx b/packages/next/src/pages/_error.tsx
@@ -121,8 +121,9 @@ export default class Error<P = {}> extends React.Component<P & ErrorProps> {
                 title
               ) : (
                 <>
-                  Application error: a client-side exception has occurred (see
-                  the browser console for more information)
+                  Application error: a client-side exception has occurred while
+                  loading {window.location.hostname} (see the browser console
+                  for more information)
                 </>
               )}
               .

diff --git a/test/e2e/app-dir/errors/index.test.ts b/test/e2e/app-dir/errors/index.test.ts
@@ -153,7 +153,7 @@ describe('app-dir - errors', () => {
         expect(
           await browser.waitForElementByCss('body').elementByCss('h2').text()
         ).toBe(
-          'Application error: a client-side exception has occurred (see the browser console for more information).'
+          'Application error: a client-side exception has occurred while loading localhost (see the browser console for more information).'
         )
       }
     })
@@ -168,7 +168,7 @@ describe('app-dir - errors', () => {
         expect(
           await browser.waitForElementByCss('body').elementByCss('h2').text()
         ).toBe(
-          'Application error: a server-side exception has occurred (see the server logs for more information).'
+          'Application error: a server-side exception has occurred while loading localhost (see the server logs for more information).'
         )
         expect(
           await browser.waitForElementByCss('body').elementByCss('p').text()