diff --git a/tests/components/ct-react/.gitignore b/tests/components/ct-react17/.gitignore
similarity index 100%
rename from tests/components/ct-react/.gitignore
rename to tests/components/ct-react17/.gitignore
diff --git a/tests/components/ct-react/README.md b/tests/components/ct-react17/README.md
similarity index 100%
rename from tests/components/ct-react/README.md
rename to tests/components/ct-react17/README.md
diff --git a/tests/components/ct-react/package.json b/tests/components/ct-react17/package.json
similarity index 78%
rename from tests/components/ct-react/package.json
rename to tests/components/ct-react17/package.json
index 6d4e31fa46..1765fc0a9d 100644
--- a/tests/components/ct-react/package.json
+++ b/tests/components/ct-react17/package.json
@@ -3,19 +3,19 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
     "react-router-dom": "^6.6.1"
   },
   "devDependencies": {
     "@types/node": "^16.11.26",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.10",
-    "react-scripts": "5.0.0",
+    "@types/react": "^17.0.39",
+    "@types/react-dom": "^17.0.11",
+    "react-scripts": "5.0.1",
     "typescript": "^4.6.2"
   },
   "@standaloneDevDependencies": {
-    "@playwright/experimental-ct-react": "^1.2.2",
+    "@playwright/experimental-ct-react17": "^1.2.2",
     "@playwright/test": "^1.22.2"
   },
   "scripts": {
diff --git a/tests/components/ct-react/playwright.config.ts b/tests/components/ct-react17/playwright.config.ts
similarity index 98%
rename from tests/components/ct-react/playwright.config.ts
rename to tests/components/ct-react17/playwright.config.ts
index adbf89ee70..de20317d32 100644
--- a/tests/components/ct-react/playwright.config.ts
+++ b/tests/components/ct-react17/playwright.config.ts
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { defineConfig, devices } from '@playwright/experimental-ct-react';
+import { defineConfig, devices } from '@playwright/experimental-ct-react17';
 import { resolve } from 'path';
 
 export default defineConfig({
diff --git a/tests/components/ct-react/playwright/index.html b/tests/components/ct-react17/playwright/index.html
similarity index 100%
rename from tests/components/ct-react/playwright/index.html
rename to tests/components/ct-react17/playwright/index.html
diff --git a/tests/components/ct-react/playwright/index.tsx b/tests/components/ct-react17/playwright/index.tsx
similarity index 95%
rename from tests/components/ct-react/playwright/index.tsx
rename to tests/components/ct-react17/playwright/index.tsx
index fa0563dbcd..eb152a3558 100644
--- a/tests/components/ct-react/playwright/index.tsx
+++ b/tests/components/ct-react17/playwright/index.tsx
@@ -1,4 +1,4 @@
-import { beforeMount, afterMount } from '@playwright/experimental-ct-react/hooks';
+import { beforeMount, afterMount } from '@playwright/experimental-ct-react17/hooks';
 import { BrowserRouter } from 'react-router-dom';
 import '../src/assets/index.css';
 
diff --git a/tests/components/ct-react/public/favicon.ico b/tests/components/ct-react17/public/favicon.ico
similarity index 100%
rename from tests/components/ct-react/public/favicon.ico
rename to tests/components/ct-react17/public/favicon.ico
diff --git a/tests/components/ct-react/public/index.html b/tests/components/ct-react17/public/index.html
similarity index 100%
rename from tests/components/ct-react/public/index.html
rename to tests/components/ct-react17/public/index.html
diff --git a/tests/components/ct-react/public/logo192.png b/tests/components/ct-react17/public/logo192.png
similarity index 100%
rename from tests/components/ct-react/public/logo192.png
rename to tests/components/ct-react17/public/logo192.png
diff --git a/tests/components/ct-react/public/logo512.png b/tests/components/ct-react17/public/logo512.png
similarity index 100%
rename from tests/components/ct-react/public/logo512.png
rename to tests/components/ct-react17/public/logo512.png
diff --git a/tests/components/ct-react/public/manifest.json b/tests/components/ct-react17/public/manifest.json
similarity index 100%
rename from tests/components/ct-react/public/manifest.json
rename to tests/components/ct-react17/public/manifest.json
diff --git a/tests/components/ct-react/public/robots.txt b/tests/components/ct-react17/public/robots.txt
similarity index 100%
rename from tests/components/ct-react/public/robots.txt
rename to tests/components/ct-react17/public/robots.txt
diff --git a/tests/components/ct-react/src/App.tsx b/tests/components/ct-react17/src/App.tsx
similarity index 100%
rename from tests/components/ct-react/src/App.tsx
rename to tests/components/ct-react17/src/App.tsx
diff --git a/tests/components/ct-react/src/assets/index.css b/tests/components/ct-react17/src/assets/index.css
similarity index 100%
rename from tests/components/ct-react/src/assets/index.css
rename to tests/components/ct-react17/src/assets/index.css
diff --git a/tests/components/ct-react/src/assets/logo.svg b/tests/components/ct-react17/src/assets/logo.svg
similarity index 100%
rename from tests/components/ct-react/src/assets/logo.svg
rename to tests/components/ct-react17/src/assets/logo.svg
diff --git a/tests/components/ct-react/src/components/Button.tsx b/tests/components/ct-react17/src/components/Button.tsx
similarity index 100%
rename from tests/components/ct-react/src/components/Button.tsx
rename to tests/components/ct-react17/src/components/Button.tsx
diff --git a/tests/components/ct-react/src/components/Counter.tsx b/tests/components/ct-react17/src/components/Counter.tsx
similarity index 100%
rename from tests/components/ct-react/src/components/Counter.tsx
rename to tests/components/ct-react17/src/components/Counter.tsx
diff --git a/tests/components/ct-react/src/components/DefaultChildren.tsx b/tests/components/ct-react17/src/components/DefaultChildren.tsx
similarity index 100%
rename from tests/components/ct-react/src/components/DefaultChildren.tsx
rename to tests/components/ct-react17/src/components/DefaultChildren.tsx
diff --git a/tests/components/ct-react/src/components/DelayedData.tsx b/tests/components/ct-react17/src/components/DelayedData.tsx
similarity index 100%
rename from tests/components/ct-react/src/components/DelayedData.tsx
rename to tests/components/ct-react17/src/components/DelayedData.tsx
diff --git a/tests/components/ct-react/src/components/EmptyFragment.tsx b/tests/components/ct-react17/src/components/EmptyFragment.tsx
similarity index 100%
rename from tests/components/ct-react/src/components/EmptyFragment.tsx
rename to tests/components/ct-react17/src/components/EmptyFragment.tsx
diff --git a/tests/components/ct-react/src/components/Fetch.tsx b/tests/components/ct-react17/src/components/Fetch.tsx
similarity index 100%
rename from tests/components/ct-react/src/components/Fetch.tsx
rename to tests/components/ct-react17/src/components/Fetch.tsx
diff --git a/tests/components/ct-react/src/components/MultiRoot.tsx b/tests/components/ct-react17/src/components/MultiRoot.tsx
similarity index 100%
rename from tests/components/ct-react/src/components/MultiRoot.tsx
rename to tests/components/ct-react17/src/components/MultiRoot.tsx
diff --git a/tests/components/ct-react/src/components/MultipleChildren.tsx b/tests/components/ct-react17/src/components/MultipleChildren.tsx
similarity index 100%
rename from tests/components/ct-react/src/components/MultipleChildren.tsx
rename to tests/components/ct-react17/src/components/MultipleChildren.tsx
diff --git a/tests/components/ct-react/src/index.js b/tests/components/ct-react17/src/index.js
similarity index 100%
rename from tests/components/ct-react/src/index.js
rename to tests/components/ct-react17/src/index.js
diff --git a/tests/components/ct-react/src/pages/DashboardPage.tsx b/tests/components/ct-react17/src/pages/DashboardPage.tsx
similarity index 100%
rename from tests/components/ct-react/src/pages/DashboardPage.tsx
rename to tests/components/ct-react17/src/pages/DashboardPage.tsx
diff --git a/tests/components/ct-react/src/pages/LoginPage.tsx b/tests/components/ct-react17/src/pages/LoginPage.tsx
similarity index 100%
rename from tests/components/ct-react/src/pages/LoginPage.tsx
rename to tests/components/ct-react17/src/pages/LoginPage.tsx
diff --git a/tests/components/ct-react/src/react-app-env.d.ts b/tests/components/ct-react17/src/react-app-env.d.ts
similarity index 100%
rename from tests/components/ct-react/src/react-app-env.d.ts
rename to tests/components/ct-react17/src/react-app-env.d.ts
diff --git a/tests/components/ct-react/tests/callbacks.spec.tsx b/tests/components/ct-react17/tests/callbacks.spec.tsx
similarity index 91%
rename from tests/components/ct-react/tests/callbacks.spec.tsx
rename to tests/components/ct-react17/tests/callbacks.spec.tsx
index d9d15dac16..d3899350bd 100644
--- a/tests/components/ct-react/tests/callbacks.spec.tsx
+++ b/tests/components/ct-react17/tests/callbacks.spec.tsx
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-react';
+import { test, expect } from '@playwright/experimental-ct-react17';
 import Button from '@/components/Button';
 import DefaultChildren from '@/components/DefaultChildren';
 
diff --git a/tests/components/ct-react/tests/children.spec.tsx b/tests/components/ct-react17/tests/children.spec.tsx
similarity index 96%
rename from tests/components/ct-react/tests/children.spec.tsx
rename to tests/components/ct-react17/tests/children.spec.tsx
index 2db9fea017..19a8a6a68e 100644
--- a/tests/components/ct-react/tests/children.spec.tsx
+++ b/tests/components/ct-react17/tests/children.spec.tsx
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-react';
+import { test, expect } from '@playwright/experimental-ct-react17';
 import Button from '@/components/Button';
 import DefaultChildren from '@/components/DefaultChildren';
 import MultipleChildren from '@/components/MultipleChildren';
diff --git a/tests/components/ct-react/tests/react-router.spec.tsx b/tests/components/ct-react17/tests/react-router.spec.tsx
similarity index 88%
rename from tests/components/ct-react/tests/react-router.spec.tsx
rename to tests/components/ct-react17/tests/react-router.spec.tsx
index 4d29a9dc8a..98004cef1d 100644
--- a/tests/components/ct-react/tests/react-router.spec.tsx
+++ b/tests/components/ct-react17/tests/react-router.spec.tsx
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-react';
+import { test, expect } from '@playwright/experimental-ct-react17';
 import App from '@/App';
 import type { HooksConfig } from '../playwright';
 
diff --git a/tests/components/ct-react/tests/render.spec.tsx b/tests/components/ct-react17/tests/render.spec.tsx
similarity index 96%
rename from tests/components/ct-react/tests/render.spec.tsx
rename to tests/components/ct-react17/tests/render.spec.tsx
index db48d50a04..c46972f136 100644
--- a/tests/components/ct-react/tests/render.spec.tsx
+++ b/tests/components/ct-react17/tests/render.spec.tsx
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-react';
+import { test, expect } from '@playwright/experimental-ct-react17';
 import Fetch from '@/components/Fetch';
 import DelayedData from '@/components/DelayedData';
 import Button from '@/components/Button';
diff --git a/tests/components/ct-react/tests/unmount.spec.tsx b/tests/components/ct-react17/tests/unmount.spec.tsx
similarity index 91%
rename from tests/components/ct-react/tests/unmount.spec.tsx
rename to tests/components/ct-react17/tests/unmount.spec.tsx
index 2ee2ace7c7..ff9d152b59 100644
--- a/tests/components/ct-react/tests/unmount.spec.tsx
+++ b/tests/components/ct-react17/tests/unmount.spec.tsx
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-react';
+import { test, expect } from '@playwright/experimental-ct-react17';
 import Button from '@/components/Button';
 import MultiRoot from '@/components/MultiRoot';
 
diff --git a/tests/components/ct-react/tests/update.spec.tsx b/tests/components/ct-react17/tests/update.spec.tsx
similarity index 95%
rename from tests/components/ct-react/tests/update.spec.tsx
rename to tests/components/ct-react17/tests/update.spec.tsx
index cb2b06258a..110e642cc3 100644
--- a/tests/components/ct-react/tests/update.spec.tsx
+++ b/tests/components/ct-react17/tests/update.spec.tsx
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/experimental-ct-react';
+import { test, expect } from '@playwright/experimental-ct-react17';
 import Counter from '@/components/Counter';
 
 test('update props without remounting', async ({ mount }) => {
diff --git a/tests/components/ct-react/tsconfig.json b/tests/components/ct-react17/tsconfig.json
similarity index 100%
rename from tests/components/ct-react/tsconfig.json
rename to tests/components/ct-react17/tsconfig.json