fix infinite navigate events when Promise is proxied

packages/next/src/client/components/router-reducer/reducers/navigate-reducer.ts

@@ -199,7 +199,7 @@ export function navigateReducer(
       mutable.canonicalUrl = href
 
       state.prefetchCache.set(createHrefFromUrl(url, false), {
-        data: Promise.resolve(data),
+        data: createRecordFromThenable(Promise.resolve(data)),
         // this will make sure that the entry will be discarded after 30s
         kind: PrefetchKind.TEMPORARY,
         prefetchTime: Date.now(),
@@ -226,7 +226,7 @@ export function navigateReducer(
     )
 
     const newPrefetchValue = {
-      data: Promise.resolve(data),
+      data: createRecordFromThenable(Promise.resolve(data)),
       // this will make sure that the entry will be discarded after 30s
       kind:
         process.env.NODE_ENV === 'development'

test/e2e/app-dir/navigation/app/nested-navigation/CategoryNav.js

@@ -17,6 +17,7 @@ const CategoryNav = ({ categories }) => {
           key={item.slug}
           href={`/nested-navigation/${item.slug}`}
           isActive={item.slug === selectedLayoutSegment}
+          prefetch={item.prefetch}
         >
           {item.name}
         </TabNavItem>

test/e2e/app-dir/navigation/app/nested-navigation/TabNavItem.js

@@ -1,8 +1,12 @@
 import Link from 'next/link'
 
-export const TabNavItem = ({ children, href }) => {
+export const TabNavItem = ({ children, href, prefetch }) => {
   return (
-    <Link href={href} style={{ margin: '10px', display: 'block' }}>
+    <Link
+      href={href}
+      style={{ margin: '10px', display: 'block' }}
+      prefetch={prefetch}
+    >
       {children}
     </Link>
   )

test/e2e/app-dir/navigation/app/nested-navigation/getCategories.js

@@ -29,6 +29,13 @@ export const getCategories = () => [
       { name: 'Education', slug: 'education', count: 3 },
     ],
   },
+  {
+    name: 'Shoes',
+    slug: 'shoes',
+    count: 5,
+    items: [],
+    prefetch: false,
+  },
 ]
 
 export async function fetchCategoryBySlug(slug) {

test/e2e/app-dir/navigation/navigation.test.ts

@@ -571,5 +571,45 @@ createNextDescribe(
         )
       })
     })
+
+    describe('navigations when attaching a Proxy to `window.Promise`', () => {
+      it('should navigate without issue', async () => {
+        const browser = await next.browser('/nested-navigation')
+        await browser.eval(`window.Promise = new Proxy(window.Promise, {})`)
+
+        expect(await browser.elementByCss('h1').text()).toBe('Home')
+
+        const pages = [
+          ['Electronics', ['Phones', 'Tablets', 'Laptops']],
+          ['Clothing', ['Tops', 'Shorts', 'Shoes']],
+          ['Books', ['Fiction', 'Biography', 'Education']],
+          ['Shoes', []],
+        ] as const
+
+        for (const [category, subCategories] of pages) {
+          expect(
+            await browser
+              .elementByCss(
+                `a[href="/nested-navigation/${category.toLowerCase()}"]`
+              )
+              .click()
+              .waitForElementByCss(`#all-${category.toLowerCase()}`)
+              .text()
+          ).toBe(`All ${category}`)
+
+          for (const subcategory of subCategories) {
+            expect(
+              await browser
+                .elementByCss(
+                  `a[href="/nested-navigation/${category.toLowerCase()}/${subcategory.toLowerCase()}"]`
+                )
+                .click()
+                .waitForElementByCss(`#${subcategory.toLowerCase()}`)
+                .text()
+            ).toBe(`${subcategory}`)
+          }
+        }
+      })
+    })
   }
 )