diff --git a/.changeset/cold-ads-sniff.md b/.changeset/cold-ads-sniff.md
new file mode 100644
index 0000000000..6f1216b6f3
--- /dev/null
+++ b/.changeset/cold-ads-sniff.md
@@ -0,0 +1,5 @@
+---
+'@shopify/cli-hydrogen': patch
+---
+
+Change the required Vite version to `~5.1.0` instead of `^5.1.0` to avoid breaking changes in experimental APIs that will be introduced in Vite 5.2.0.
diff --git a/examples/vite/package.json b/examples/vite/package.json
index d11f20ab44..683f52ea4a 100644
--- a/examples/vite/package.json
+++ b/examples/vite/package.json
@@ -12,7 +12,7 @@
     "codegen": "shopify hydrogen codegen"
   },
   "devDependencies": {
-    "vite": "^5.1.0",
+    "vite": "~5.1.0",
     "vite-tsconfig-paths": "^4.3.1"
   },
   "h2:diff": {
diff --git a/package-lock.json b/package-lock.json
index fe9aa13837..05adcd5095 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -255,7 +255,7 @@
     "examples/vite": {
       "name": "example-vite",
       "devDependencies": {
-        "vite": "^5.1.0",
+        "vite": "~5.1.0",
         "vite-tsconfig-paths": "^4.3.1"
       }
     },
@@ -30587,7 +30587,7 @@
         "flame-chart-js": "2.3.2",
         "get-port": "^7.0.0",
         "type-fest": "^4.5.0",
-        "vite": "^5.1.0",
+        "vite": "~5.1.0",
         "vitest": "^1.0.4"
       },
       "engines": {
@@ -30598,7 +30598,7 @@
       },
       "peerDependencies": {
         "@remix-run/dev": "^2.1.0",
-        "vite": "^5.1.0"
+        "vite": "~5.1.0"
       },
       "peerDependenciesMeta": {
         "@remix-run/dev": {
@@ -30931,7 +30931,7 @@
         "rimraf": "^4.1.2",
         "ts-expect": "^1.3.0",
         "typescript": "^5.2.2",
-        "vite": "^5.1.0",
+        "vite": "~5.1.0",
         "vitest": "^1.0.4"
       },
       "engines": {
@@ -38135,7 +38135,7 @@
         "ts-morph": "20.0.0",
         "type-fest": "^4.5.0",
         "use-resize-observer": "^9.1.0",
-        "vite": "^5.1.0",
+        "vite": "~5.1.0",
         "vitest": "^1.0.4",
         "ws": "^8.16.0"
       },
@@ -38588,7 +38588,7 @@
         "ts-expect": "^1.3.0",
         "type-fest": "^4.5.0",
         "typescript": "^5.2.2",
-        "vite": "^5.1.0",
+        "vite": "~5.1.0",
         "vitest": "^1.0.4",
         "worktop": "^0.7.3"
       },
@@ -43076,7 +43076,7 @@
     "example-vite": {
       "version": "file:examples/vite",
       "requires": {
-        "vite": "^5.1.0",
+        "vite": "~5.1.0",
         "vite-tsconfig-paths": "^4.3.1"
       }
     },
diff --git a/packages/cli/package.json b/packages/cli/package.json
index cdeba9622f..8679fea2ca 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -31,7 +31,7 @@
     "flame-chart-js": "2.3.2",
     "get-port": "^7.0.0",
     "type-fest": "^4.5.0",
-    "vite": "^5.1.0",
+    "vite": "~5.1.0",
     "vitest": "^1.0.4"
   },
   "dependencies": {
@@ -65,7 +65,7 @@
   },
   "peerDependencies": {
     "@remix-run/dev": "^2.1.0",
-    "vite": "^5.1.0"
+    "vite": "~5.1.0"
   },
   "peerDependenciesMeta": {
     "@remix-run/dev": {
diff --git a/packages/cli/src/setup-assets/vite/package.json b/packages/cli/src/setup-assets/vite/package.json
index 219084cf26..f4e25c02f7 100644
--- a/packages/cli/src/setup-assets/vite/package.json
+++ b/packages/cli/src/setup-assets/vite/package.json
@@ -9,7 +9,7 @@
     "isbot": "^3.8.0"
   },
   "devDependencies": {
-    "vite": "^5.1.0",
+    "vite": "~5.1.0",
     "vite-tsconfig-paths": "^4.3.1"
   }
 }
diff --git a/packages/hydrogen-react/package.json b/packages/hydrogen-react/package.json
index 5ce3c09aba..a300495a64 100644
--- a/packages/hydrogen-react/package.json
+++ b/packages/hydrogen-react/package.json
@@ -163,7 +163,7 @@
     "rimraf": "^4.1.2",
     "ts-expect": "^1.3.0",
     "typescript": "^5.2.2",
-    "vite": "^5.1.0",
+    "vite": "~5.1.0",
     "vitest": "^1.0.4"
   },
   "peerDependencies": {