[error overlay] fix infinite loop when frames are failed to fetch

packages/next/src/client/components/react-dev-overlay/internal/helpers/stack-frame.ts

@@ -77,29 +77,37 @@ export async function getOriginalStackFrames(
     isAppDirectory: isAppDir,
   }
 
-  const res = await fetch('/__nextjs_original-stack-frames', {
-    method: 'POST',
-    body: JSON.stringify(req),
-  })
+  let res: Response | undefined = undefined
+  let reason: string | undefined = undefined
+  try {
+    res = await fetch('/__nextjs_original-stack-frames', {
+      method: 'POST',
+      body: JSON.stringify(req),
+    })
+  } catch (e) {
+    reason = e + ''
+  }
 
   // When fails to fetch the original stack frames, we reject here to be
   // caught at `_getOriginalStackFrame()` and return the stack frames so
   // that the error overlay can render.
-  if (!res.ok || res.status === 204) {
-    const reason = await res.text()
+  if (res && res.ok && res.status !== 204) {
+    const data = await res.json()
     return Promise.all(
-      frames.map((frame) =>
-        getOriginalStackFrame(frame, {
-          status: 'rejected',
-          reason: `Failed to fetch the original stack frames: ${reason}`,
-        })
-      )
+      frames.map((frame, index) => getOriginalStackFrame(frame, data[index]))
     )
+  } else {
+    if (res) {
+      reason = await res.text()
+    }
   }
-
-  const data = await res.json()
   return Promise.all(
-    frames.map((frame, index) => getOriginalStackFrame(frame, data[index]))
+    frames.map((frame) =>
+      getOriginalStackFrame(frame, {
+        status: 'rejected',
+        reason: `Failed to fetch the original stack frames ${reason ? `: ${reason}` : ''}`,
+      })
+    )
   )
 }