diff --git a/test/e2e/app-dir/app/index.test.ts b/test/e2e/app-dir/app/index.test.ts
index 18d4edfaf32cb1..157b2ca4261800 100644
--- a/test/e2e/app-dir/app/index.test.ts
+++ b/test/e2e/app-dir/app/index.test.ts
@@ -237,9 +237,10 @@ createNextDescribe(
       expect($('title').first().text()).toBe('hello world')
     })
 
-    it('should serve from pages', async () => {
-      const html = await next.render('/')
-      expect(html).toContain('hello from pages/index')
+    it('should serve from pages with latest react', async () => {
+      const $ = await next.render$('/')
+      expect($('#hello').text()).toBe('hello from pages/index')
+      expect($('#react-version').text()).toBe('18.2.0')
     })
 
     it('should serve dynamic route from pages', async () => {
diff --git a/test/e2e/app-dir/app/pages/index.js b/test/e2e/app-dir/app/pages/index.js
index 5ee253ffe17b63..b1037a470b7197 100644
--- a/test/e2e/app-dir/app/pages/index.js
+++ b/test/e2e/app-dir/app/pages/index.js
@@ -5,8 +5,11 @@ import styles from '../styles/shared.module.css'
 export default function Page() {
   return (
     <>
-      <p className={styles.content}>hello from pages/index</p>
+      <p id="hello" className={styles.content}>
+        hello from pages/index
+      </p>
       <Link href="/dashboard">Dashboard</Link>
+      <p id="react-version">{React.version}</p>
     </>
   )
 }