diff --git a/test/integration/router-is-ready/pages/auto-export/[slug].js b/test/integration/router-is-ready/pages/auto-export/[slug].js
index f325029ae5..d0a8a538bb 100644
--- a/test/integration/router-is-ready/pages/auto-export/[slug].js
+++ b/test/integration/router-is-ready/pages/auto-export/[slug].js
@@ -1,13 +1,17 @@
 import { useRouter } from 'next/router'
+import { useLayoutEffect } from 'react'
 
 export default function Page(props) {
   const router = useRouter()
 
   if (typeof window !== 'undefined') {
-    if (!window.isReadyValues) {
-      window.isReadyValues = []
-    }
-    window.isReadyValues.push(router.isReady)
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useLayoutEffect(() => {
+      if (!window.isReadyValues) {
+        window.isReadyValues = []
+      }
+      window.isReadyValues.push(router.isReady)
+    }, [router])
   }
 
   return (
diff --git a/test/integration/router-is-ready/pages/auto-export/index.js b/test/integration/router-is-ready/pages/auto-export/index.js
index f325029ae5..d0a8a538bb 100644
--- a/test/integration/router-is-ready/pages/auto-export/index.js
+++ b/test/integration/router-is-ready/pages/auto-export/index.js
@@ -1,13 +1,17 @@
 import { useRouter } from 'next/router'
+import { useLayoutEffect } from 'react'
 
 export default function Page(props) {
   const router = useRouter()
 
   if (typeof window !== 'undefined') {
-    if (!window.isReadyValues) {
-      window.isReadyValues = []
-    }
-    window.isReadyValues.push(router.isReady)
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useLayoutEffect(() => {
+      if (!window.isReadyValues) {
+        window.isReadyValues = []
+      }
+      window.isReadyValues.push(router.isReady)
+    }, [router])
   }
 
   return (
diff --git a/test/integration/router-is-ready/pages/gip.js b/test/integration/router-is-ready/pages/gip.js
index 861fb51694..4952023a75 100644
--- a/test/integration/router-is-ready/pages/gip.js
+++ b/test/integration/router-is-ready/pages/gip.js
@@ -1,13 +1,17 @@
 import { useRouter } from 'next/router'
+import { useLayoutEffect } from 'react'
 
 export default function Page(props) {
   const router = useRouter()
 
   if (typeof window !== 'undefined') {
-    if (!window.isReadyValues) {
-      window.isReadyValues = []
-    }
-    window.isReadyValues.push(router.isReady)
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useLayoutEffect(() => {
+      if (!window.isReadyValues) {
+        window.isReadyValues = []
+      }
+      window.isReadyValues.push(router.isReady)
+    }, [router])
   }
 
   return (
diff --git a/test/integration/router-is-ready/pages/gsp.js b/test/integration/router-is-ready/pages/gsp.js
index b2bf1b290a..f9c637c9fe 100644
--- a/test/integration/router-is-ready/pages/gsp.js
+++ b/test/integration/router-is-ready/pages/gsp.js
@@ -1,13 +1,17 @@
 import { useRouter } from 'next/router'
+import { useLayoutEffect } from 'react'
 
 export default function Page(props) {
   const router = useRouter()
 
   if (typeof window !== 'undefined') {
-    if (!window.isReadyValues) {
-      window.isReadyValues = []
-    }
-    window.isReadyValues.push(router.isReady)
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useLayoutEffect(() => {
+      if (!window.isReadyValues) {
+        window.isReadyValues = []
+      }
+      window.isReadyValues.push(router.isReady)
+    }, [router])
   }
 
   return (
diff --git a/test/integration/router-is-ready/pages/gssp.js b/test/integration/router-is-ready/pages/gssp.js
index 8a103d094a..10e8627181 100644
--- a/test/integration/router-is-ready/pages/gssp.js
+++ b/test/integration/router-is-ready/pages/gssp.js
@@ -1,13 +1,17 @@
 import { useRouter } from 'next/router'
+import { useLayoutEffect } from 'react'
 
 export default function Page(props) {
   const router = useRouter()
 
   if (typeof window !== 'undefined') {
-    if (!window.isReadyValues) {
-      window.isReadyValues = []
-    }
-    window.isReadyValues.push(router.isReady)
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useLayoutEffect(() => {
+      if (!window.isReadyValues) {
+        window.isReadyValues = []
+      }
+      window.isReadyValues.push(router.isReady)
+    }, [router])
   }
 
   return (