Update to TS5

.changeset/purple-weeks-ring.md

@@ -0,0 +1,19 @@
+---
+'@shopify/hydrogen-react': patch
+'@shopify/cli-hydrogen': patch
+'demo-store': patch
+---
+
+Hydrogen is now compatible with TypeScript v5.
+
+If you have `typescript` as a dev dependency in your app, it is recommended to change its version as follows:
+
+```diff
+  "devDependencies": {
+    ...
+-   "typescript": "^4.9.5",
++   "typescript": "^5.1.6",
+  },
+```
+
+After installing the new version of TypeScript, you may need to update the version used in your IDE. For example, in VSCode, you can do this by clicking on the `{ }` icon in the bottom-right toolbar next to the language mode (generally, `{ } TypeScript JSX` when editing a `.tsx` file).

examples/customer-api/package.json

@@ -29,12 +29,12 @@
     "@shopify/oxygen-workers-types": "^3.17.2",
     "@shopify/prettier-config": "^1.1.2",
     "@types/eslint": "^8.4.10",
-    "@types/react": "^18.0.20",
-    "@types/react-dom": "^18.0.6",
+    "@types/react": "^18.2.20",
+    "@types/react-dom": "^18.2.7",
     "eslint": "^8.20.0",
     "eslint-plugin-hydrogen": "0.12.2",
     "prettier": "^2.8.4",
-    "typescript": "^4.9.5"
+    "typescript": "^5.1.6"
   },
   "engines": {
     "node": ">=16.13"

examples/express/package.json

@@ -32,13 +32,13 @@
     "@types/compression": "^1.7.2",
     "@types/express": "^4.17.17",
     "@types/morgan": "^1.9.4",
-    "@types/react": "^18.0.35",
-    "@types/react-dom": "^18.0.11",
+    "@types/react": "^18.2.20",
+    "@types/react-dom": "^18.2.7",
     "dotenv": "^16.0.3",
     "eslint": "^8.38.0",
     "nodemon": "^2.0.22",
     "npm-run-all": "^4.1.5",
-    "typescript": "^5.0.4"
+    "typescript": "^5.1.6"
   },
   "engines": {
     "node": ">=14"