fix: prevent infinite dev refresh on nested parallel routes

packages/next/src/server/dev/on-demand-entry-handler.ts

@@ -98,9 +98,9 @@ export function getEntryKey(
   pageBundleType: 'app' | 'pages' | 'root',
   page: string
 ) {
-  // TODO: handle the /@children slot better
-  // this is a quick hack to handle when children is provided as @children/page instead of /page
-  return `${compilerType}@${pageBundleType}@${page.replace(/\/@children/g, '')}`
+  // TODO: handle the /children slot better
+  // this is a quick hack to handle when children is provided as children/page instead of /page
+  return `${compilerType}@${pageBundleType}@${page.replace(/\/children/g, '')}`
 }
 
 function getPageBundleType(pageBundlePath: string) {

test/e2e/app-dir/parallel-routes-and-interception/app/parallel-nested/home/@parallelB/nested/page.tsx

@@ -0,0 +1,8 @@
+export default function ParallelPage() {
+  return (
+    <>
+      <p>Hello from nested parallel page!</p>
+      <div id="timestamp">{Date.now()}</div>
+    </>
+  )
+}

test/e2e/app-dir/parallel-routes-and-interception/app/parallel-nested/home/layout.tsx

@@ -0,0 +1,8 @@
+export default function Layout({ parallelB }: { parallelB: React.ReactNode }) {
+  return (
+    <main>
+      <h3>{`(parallelB)`}</h3>
+      <div>{parallelB}</div>
+    </main>
+  )
+}

test/e2e/app-dir/parallel-routes-and-interception/app/parallel-nested/layout.tsx

@@ -0,0 +1,10 @@
+export default function Parallel({ children }) {
+  return (
+    <div>
+      parallel/layout:
+      <div className="parallel" title="children">
+        {children}
+      </div>
+    </div>
+  )
+}

test/e2e/app-dir/parallel-routes-and-interception/parallel-routes-and-interception.test.ts

@@ -354,6 +354,21 @@ createNextDescribe(
             return newTimestamp !== timestamp ? 'failure' : 'success'
           }, 'success')
         })
+
+        it('should support nested parallel routes', async () => {
+          const browser = await next.browser('parallel-nested/home/nested')
+          const timestamp = await browser.elementByCss('#timestamp').text()
+
+          await new Promise((resolve) => {
+            setTimeout(resolve, 3000)
+          })
+
+          await check(async () => {
+            // an invalid response triggers a fast refresh, so if the timestamp doesn't update, this behaved correctly
+            const newTimestamp = await browser.elementByCss('#timestamp').text()
+            return newTimestamp !== timestamp ? 'failure' : 'success'
+          }, 'success')
+        })
       }
     })