Shopify · blittle · Aug 31, 2023 · Aug 31, 2023
diff --git a/.changeset/mighty-schools-walk.md b/.changeset/mighty-schools-walk.md
diff --git a/.changeset/purple-weeks-ring.md b/.changeset/purple-weeks-ring.md
diff --git a/.changeset/quick-starfishes-repeat.md b/.changeset/quick-starfishes-repeat.md
diff --git a/.changeset/red-crabs-double.md b/.changeset/red-crabs-double.md
diff --git a/.changeset/shaggy-lobsters-hang.md b/.changeset/shaggy-lobsters-hang.md
diff --git a/.changeset/silent-apes-thank.md b/.changeset/silent-apes-thank.md
diff --git a/.changeset/tall-lamps-confess.md b/.changeset/tall-lamps-confess.md
diff --git a/.changeset/tough-jars-walk.md b/.changeset/tough-jars-walk.md
diff --git a/.changeset/two-carrots-relax.md b/.changeset/two-carrots-relax.md
diff --git a/packages/cli/CHANGELOG.md b/packages/cli/CHANGELOG.md
@@ -1,5 +1,36 @@
 # @shopify/cli-hydrogen
 
+## 5.2.1
+
+### Patch Changes
+
+- Fix the default page shown when the project has no routes. ([#1266](https://github.com/Shopify/hydrogen/pull/1266)) by [@frandiox](https://github.com/frandiox)
+
+- Hydrogen is now compatible with TypeScript v5. ([#1240](https://github.com/Shopify/hydrogen/pull/1240)) by [@frandiox](https://github.com/frandiox)
+
+  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.2.2",
+    },
+  ```
+
+  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).
+
+- Fix development server port in some situations where it was set to a random number instead of the default 3000 or the `--port` flag value. ([#1267](https://github.com/Shopify/hydrogen/pull/1267)) by [@frandiox](https://github.com/frandiox)
+
+- Fix transpiling TS to JS when scaffolding routes. ([#1273](https://github.com/Shopify/hydrogen/pull/1273)) by [@frandiox](https://github.com/frandiox)
+
+- Catch more errors during init while connecting to Shopify ([#1281](https://github.com/Shopify/hydrogen/pull/1281)) by [@graygilmore](https://github.com/graygilmore)
+
+- Add functionality for creating a Content Security Policy. See the [guide on Content Security Policies](https://shopify.dev/docs/custom-storefronts/hydrogen/content-security-policy) for more details. ([#1235](https://github.com/Shopify/hydrogen/pull/1235)) by [@blittle](https://github.com/blittle)
+
+- Updated dependencies [[`06516ee9`](https://github.com/Shopify/hydrogen/commit/06516ee91f20153902c2b8ef79c0f6690ba385bb), [`423acee2`](https://github.com/Shopify/hydrogen/commit/423acee243c62e49a865ff2cd82735991aca1d8f)]:
+  - @shopify/hydrogen-react@2023.7.3
+
 ## 5.2.0
 
 ### Minor Changes

diff --git a/packages/cli/oclif.manifest.json b/packages/cli/oclif.manifest.json
@@ -1,5 +1,5 @@
 {
-  "version": "5.2.0",
+  "version": "5.2.1",
   "commands": {
     "hydrogen:build": {
       "id": "hydrogen:build",

diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "version": "5.2.0",
+  "version": "5.2.1",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -28,7 +28,7 @@
   },
   "peerDependencies": {
     "@remix-run/react": "1.19.1",
-    "@shopify/hydrogen-react": "^2023.7.2",
+    "@shopify/hydrogen-react": "^2023.7.3",
     "@shopify/remix-oxygen": "^1.1.3"
   },
   "dependencies": {

diff --git a/packages/create-hydrogen/CHANGELOG.md b/packages/create-hydrogen/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @shopify/create-hydrogen
 
+## 4.2.3
+
+### Patch Changes
+
+- Add functionality for creating a Content Security Policy. See the [guide on Content Security Policies](https://shopify.dev/docs/custom-storefronts/hydrogen/content-security-policy) for more details. ([#1235](https://github.com/Shopify/hydrogen/pull/1235)) by [@blittle](https://github.com/blittle)
+
+- Updated dependencies [[`3491fd5c`](https://github.com/Shopify/hydrogen/commit/3491fd5cef5586dbf7dc44243124649bfad4df5a), [`06516ee9`](https://github.com/Shopify/hydrogen/commit/06516ee91f20153902c2b8ef79c0f6690ba385bb), [`d67ce6aa`](https://github.com/Shopify/hydrogen/commit/d67ce6aaaa93791fee4b82e722bd2fad8dcefec0), [`ee6e2920`](https://github.com/Shopify/hydrogen/commit/ee6e2920389b6cc103642b43a17af2311d347e13), [`1a7762bc`](https://github.com/Shopify/hydrogen/commit/1a7762bc4c99ff35ee6392ab7627a0ef13f97e6f), [`1f8acd7b`](https://github.com/Shopify/hydrogen/commit/1f8acd7b6ab0aa78e2a882e59cf69887109504be)]:
+  - @shopify/cli-hydrogen@5.2.1
+
 ## 4.2.2
 
 ### Patch Changes

diff --git a/packages/create-hydrogen/package.json b/packages/create-hydrogen/package.json
@@ -5,15 +5,15 @@
     "@shopify:registry": "https://registry.npmjs.org"
   },
   "license": "MIT",
-  "version": "4.2.2",
+  "version": "4.2.3",
   "type": "module",
   "scripts": {
     "build": "tsup --clean",
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@shopify/cli-hydrogen": "^5.2.0"
+    "@shopify/cli-hydrogen": "^5.2.1"
   },
   "bin": "dist/create-app.js",
   "files": [

diff --git a/packages/hydrogen-react/CHANGELOG.md b/packages/hydrogen-react/CHANGELOG.md
@@ -1,5 +1,25 @@
 # @shopify/hydrogen-react
 
+## 2023.7.3
+
+### Patch Changes
+
+- Hydrogen is now compatible with TypeScript v5. ([#1240](https://github.com/Shopify/hydrogen/pull/1240)) by [@frandiox](https://github.com/frandiox)
+
+  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.2.2",
+    },
+  ```
+
+  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).
+
+- Fix passing `ref` to the `<Image>` component. ([#1268](https://github.com/Shopify/hydrogen/pull/1268)) by [@frandiox](https://github.com/frandiox)
+
 ## 2023.7.2
 
 ### Patch Changes

diff --git a/packages/hydrogen-react/package.json b/packages/hydrogen-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@shopify/hydrogen-react",
-  "version": "2023.7.2",
+  "version": "2023.7.3",
   "description": "React components, hooks, and utilities for creating custom Shopify storefronts",
   "homepage": "https://github.com/Shopify/hydrogen/tree/main/packages/hydrogen-react",
   "license": "MIT",

diff --git a/packages/hydrogen/CHANGELOG.md b/packages/hydrogen/CHANGELOG.md
@@ -1,5 +1,24 @@
 # @shopify/hydrogen
 
+## 2023.7.4
+
+### Patch Changes
+
+- Fix hydration errors and stale data within the Pagination component ([#1283](https://github.com/Shopify/hydrogen/pull/1283)) by [@blittle](https://github.com/blittle)
+
+- Add custom product paths to the `VariantSelector` component: ([#1271](https://github.com/Shopify/hydrogen/pull/1271)) by [@blittle](https://github.com/blittle)
+
+  ```tsx
+  <VariantSelector handle="snowboard" productPath="shop" options={options}>
+    {/* ... */}
+  </VariantSelector>
+  ```
+
+- Add functionality for creating a Content Security Policy. See the [guide on Content Security Policies](https://shopify.dev/docs/custom-storefronts/hydrogen/content-security-policy) for more details. ([#1235](https://github.com/Shopify/hydrogen/pull/1235)) by [@blittle](https://github.com/blittle)
+
+- Updated dependencies [[`06516ee9`](https://github.com/Shopify/hydrogen/commit/06516ee91f20153902c2b8ef79c0f6690ba385bb), [`423acee2`](https://github.com/Shopify/hydrogen/commit/423acee243c62e49a865ff2cd82735991aca1d8f)]:
+  - @shopify/hydrogen-react@2023.7.3
+
 ## 2023.7.3
 
 ### Patch Changes

diff --git a/packages/hydrogen/package.json b/packages/hydrogen/package.json
@@ -5,7 +5,7 @@
     "@shopify:registry": "https://registry.npmjs.org"
   },
   "type": "module",
-  "version": "2023.7.3",
+  "version": "2023.7.4",
   "license": "MIT",
   "main": "dist/index.cjs",
   "module": "dist/production/index.js",
@@ -53,7 +53,7 @@
     "dist"
   ],
   "dependencies": {
-    "@shopify/hydrogen-react": "2023.7.2",
+    "@shopify/hydrogen-react": "2023.7.3",
     "react": "^18.2.0",
     "content-security-policy-builder": "^2.1.1"
   },

diff --git a/packages/hydrogen/src/version.ts b/packages/hydrogen/src/version.ts
@@ -1 +1 @@
-export const LIB_VERSION = '2023.7.3';
+export const LIB_VERSION = '2023.7.4';
diff --git a/templates/demo-store/CHANGELOG.md b/templates/demo-store/CHANGELOG.md
@@ -1,5 +1,27 @@
 # demo-store
 
+## 2.1.1
+
+### Patch Changes
+
+- Hydrogen is now compatible with TypeScript v5. ([#1240](https://github.com/Shopify/hydrogen/pull/1240)) by [@frandiox](https://github.com/frandiox)
+
+  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.2.2",
+    },
+  ```
+
+  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).
+
+- Updated dependencies [[`3491fd5c`](https://github.com/Shopify/hydrogen/commit/3491fd5cef5586dbf7dc44243124649bfad4df5a), [`06516ee9`](https://github.com/Shopify/hydrogen/commit/06516ee91f20153902c2b8ef79c0f6690ba385bb), [`d67ce6aa`](https://github.com/Shopify/hydrogen/commit/d67ce6aaaa93791fee4b82e722bd2fad8dcefec0), [`1b7e0016`](https://github.com/Shopify/hydrogen/commit/1b7e001647262630dfb66b85f596dd2d86dc12dd), [`ee6e2920`](https://github.com/Shopify/hydrogen/commit/ee6e2920389b6cc103642b43a17af2311d347e13), [`17892a72`](https://github.com/Shopify/hydrogen/commit/17892a72888bc976acc9f6764878253dab795629), [`1a7762bc`](https://github.com/Shopify/hydrogen/commit/1a7762bc4c99ff35ee6392ab7627a0ef13f97e6f), [`1f8acd7b`](https://github.com/Shopify/hydrogen/commit/1f8acd7b6ab0aa78e2a882e59cf69887109504be)]:
+  - @shopify/cli-hydrogen@5.2.1
+  - @shopify/hydrogen@2023.7.4
+
 ## 2.1.0
 
 ### Minor Changes

diff --git a/templates/demo-store/package.json b/templates/demo-store/package.json
@@ -2,7 +2,7 @@
   "name": "demo-store",
   "private": true,
   "sideEffects": false,
-  "version": "2.1.0",
+  "version": "2.1.1",
   "scripts": {
     "dev": "shopify hydrogen dev --codegen-unstable",
     "build": "shopify hydrogen build",
@@ -20,8 +20,8 @@
     "@headlessui/react": "^1.7.2",
     "@remix-run/react": "1.19.1",
     "@shopify/cli": "3.48.0",
-    "@shopify/cli-hydrogen": "^5.2.0",
-    "@shopify/hydrogen": "^2023.7.3",
+    "@shopify/cli-hydrogen": "^5.2.1",
+    "@shopify/hydrogen": "^2023.7.4",
     "@shopify/remix-oxygen": "^1.1.3",
     "clsx": "^1.2.1",
     "cross-env": "^7.0.3",

diff --git a/templates/hello-world/package.json b/templates/hello-world/package.json
@@ -14,8 +14,8 @@
   "dependencies": {
     "@remix-run/react": "1.19.1",
     "@shopify/cli": "3.48.0",
-    "@shopify/cli-hydrogen": "^5.2.0",
-    "@shopify/hydrogen": "^2023.7.3",
+    "@shopify/cli-hydrogen": "^5.2.1",
+    "@shopify/hydrogen": "^2023.7.4",
     "@shopify/remix-oxygen": "^1.1.3",
     "@total-typescript/ts-reset": "^0.4.2",
     "graphql": "^16.6.0",

diff --git a/templates/skeleton/package.json b/templates/skeleton/package.json
@@ -15,8 +15,8 @@
   "dependencies": {
     "@remix-run/react": "1.19.1",
     "@shopify/cli": "3.48.0",
-    "@shopify/cli-hydrogen": "^5.2.0",
-    "@shopify/hydrogen": "^2023.7.3",
+    "@shopify/cli-hydrogen": "^5.2.1",
+    "@shopify/hydrogen": "^2023.7.4",
     "@shopify/remix-oxygen": "^1.1.3",
     "graphql": "^16.6.0",
     "graphql-tag": "^2.12.6",
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		export const LIB_VERSION = '2023.7.3';
		export const LIB_VERSION = '2023.7.4';