Drop support for React 17

Shopify · Jun 7, 2024 · f500490 · f500490
1 parent ca656da
commit f500490
Show file tree

Hide file tree

Showing 31 changed files with 61 additions and 33 deletions.
diff --git a/.changeset/selfish-cats-mix.md b/.changeset/selfish-cats-mix.md
@@ -0,0 +1,32 @@
+---
+'@shopify/react-app-bridge-universal-provider': minor
+'@shopify/react-async': minor
+'@shopify/react-bugsnag': minor
+'@shopify/react-compose': minor
+'@shopify/react-cookie': minor
+'@shopify/react-csrf': minor
+'@shopify/react-csrf-universal-provider': minor
+'@shopify/react-effect': minor
+'@shopify/react-form': minor
+'@shopify/react-form-state': minor
+'@shopify/react-google-analytics': minor
+'@shopify/react-graphql': minor
+'@shopify/react-graphql-universal-provider': minor
+'@shopify/react-hooks': minor
+'@shopify/react-html': minor
+'@shopify/react-hydrate': minor
+'@shopify/react-i18n': minor
+'@shopify/react-i18n-universal-provider': minor
+'@shopify/react-idle': minor
+'@shopify/react-import-remote': minor
+'@shopify/react-intersection-observer': minor
+'@shopify/react-network': minor
+'@shopify/react-performance': minor
+'@shopify/react-router': minor
+'@shopify/react-shortcuts': minor
+'@shopify/react-testing': minor
+'@shopify/react-universal-provider': minor
+'@shopify/react-web-worker': minor
+---
+
+Drop support for React 17
diff --git a/.github/workflows/node-ci.yml b/.github/workflows/node-ci.yml
@@ -20,7 +20,7 @@ jobs:
         # directly from node dist.
         # https://github.com/actions/setup-node
         node-version: ['18', '20']
-        react-version: ['17', '18']
+        react-version: ['18']
     timeout-minutes: 15
 
     steps:

diff --git a/package.json b/package.json
@@ -74,10 +74,6 @@
     "puppeteer": "^13.2.0",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
-    "react-dom17": "npm:react-dom@^17.0.2",
-    "react-dom18": "npm:react-dom@^18.1.0",
-    "react17": "npm:react@^17.0.2",
-    "react18": "npm:react@^18.1.0",
     "rimraf": "^2.6.2",
     "rollup": "^2.60.1",
     "rollup-plugin-node-externals": "^2.2.0",

diff --git a/packages/react-app-bridge-universal-provider/package.json b/packages/react-app-bridge-universal-provider/package.json
@@ -28,7 +28,7 @@
     "@shopify/react-html": "^13.0.8"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "devDependencies": {
     "@shopify/jest-dom-mocks": "^5.0.1"

diff --git a/packages/react-async/package.json b/packages/react-async/package.json
@@ -40,7 +40,7 @@
     "@shopify/useful-types": "^5.1.2"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "files": [
     "build/",

diff --git a/packages/react-bugsnag/package.json b/packages/react-bugsnag/package.json
@@ -28,7 +28,7 @@
     "@bugsnag/plugin-react": "^7.18.0"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "devDependencies": {
     "@shopify/react-testing": "^5.2.0"

diff --git a/packages/react-compose/package.json b/packages/react-compose/package.json
@@ -27,7 +27,7 @@
     "hoist-non-react-statics": "^3.0.1"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "devDependencies": {
     "@shopify/react-testing": "^5.2.0"

diff --git a/packages/react-cookie/package.json b/packages/react-cookie/package.json
@@ -29,7 +29,7 @@
     "cookie": "^0.4.0"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0",
+    "react": ">=18.0.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0"
   },
   "files": [

diff --git a/packages/react-csrf-universal-provider/package.json b/packages/react-csrf-universal-provider/package.json
@@ -29,7 +29,7 @@
     "@shopify/react-universal-provider": "^3.0.15"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "devDependencies": {
     "@shopify/react-effect": "^5.0.3"

diff --git a/packages/react-csrf/package.json b/packages/react-csrf/package.json
@@ -24,7 +24,7 @@
     "node": ">=18.12.0"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "devDependencies": {
     "@shopify/react-testing": "^5.2.0"

diff --git a/packages/react-effect/package.json b/packages/react-effect/package.json
@@ -42,7 +42,7 @@
     "server.esnext"
   ],
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0",
+    "react": ">=18.0.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0"
   },
   "devDependencies": {

diff --git a/packages/react-form-state/package.json b/packages/react-form-state/package.json
@@ -27,7 +27,7 @@
     "fast-deep-equal": "^3.1.3"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "devDependencies": {
     "@shopify/react-testing": "^5.2.0"

diff --git a/packages/react-form/package.json b/packages/react-form/package.json
@@ -24,7 +24,7 @@
     "node": ">=18.12.0"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "files": [
     "build/",

diff --git a/packages/react-google-analytics/package.json b/packages/react-google-analytics/package.json
@@ -27,7 +27,7 @@
     "@shopify/react-import-remote": "^4.1.8"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "files": [
     "build/",

diff --git a/packages/react-graphql-universal-provider/package.json b/packages/react-graphql-universal-provider/package.json
@@ -31,7 +31,7 @@
   },
   "peerDependencies": {
     "@apollo/client": ">=3.5.8 || <4.0.0",
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "devDependencies": {
     "@shopify/react-effect": "^5.0.3"

diff --git a/packages/react-graphql/package.json b/packages/react-graphql/package.json
@@ -46,7 +46,7 @@
   ],
   "peerDependencies": {
     "@apollo/client": ">=3.5.8 || <4.0.0",
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "module": "index.mjs",
   "esnext": "index.esnext",

diff --git a/packages/react-hooks/package.json b/packages/react-hooks/package.json
@@ -20,7 +20,7 @@
     "url": "https://github.com/Shopify/quilt/issues"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "homepage": "https://github.com/Shopify/quilt/blob/main/packages/react-hooks/README.md",
   "engines": {

diff --git a/packages/react-html/package.json b/packages/react-html/package.json
@@ -37,7 +37,7 @@
     "serialize-javascript": "^3.0.0"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0",
+    "react": ">=18.0.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0"
   },
   "devDependencies": {

diff --git a/packages/react-hydrate/package.json b/packages/react-hydrate/package.json
@@ -28,7 +28,7 @@
     "@shopify/react-hooks": "^3.1.1"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "files": [
     "build/",

diff --git a/packages/react-i18n-universal-provider/package.json b/packages/react-i18n-universal-provider/package.json
@@ -29,7 +29,7 @@
     "@shopify/react-i18n": "^7.10.3"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "devDependencies": {
     "@shopify/react-effect": "^5.0.3"

diff --git a/packages/react-i18n/package.json b/packages/react-i18n/package.json
@@ -64,7 +64,7 @@
   },
   "sideEffects": false,
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "optionalDependencies": {
     "@babel/template": "^7.0.0",

diff --git a/packages/react-idle/package.json b/packages/react-idle/package.json
@@ -27,7 +27,7 @@
     "@shopify/async": "^4.0.4"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "devDependencies": {
     "@shopify/jest-dom-mocks": "^5.0.1",

diff --git a/packages/react-import-remote/package.json b/packages/react-import-remote/package.json
@@ -29,7 +29,7 @@
     "@shopify/react-intersection-observer": "^4.0.4"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "sideEffects": false,
   "files": [

diff --git a/packages/react-intersection-observer/package.json b/packages/react-intersection-observer/package.json
@@ -32,7 +32,7 @@
     "index.esnext"
   ],
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "devDependencies": {
     "@shopify/jest-dom-mocks": "^5.0.1",

diff --git a/packages/react-network/package.json b/packages/react-network/package.json
@@ -46,7 +46,7 @@
   },
   "peerDependencies": {
     "koa": "^2.5.0",
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "files": [
     "build/",

diff --git a/packages/react-performance/package.json b/packages/react-performance/package.json
@@ -27,7 +27,7 @@
     "@shopify/performance": "^4.2.0"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "devDependencies": {
     "@shopify/jest-dom-mocks": "^5.0.1",

diff --git a/packages/react-router/package.json b/packages/react-router/package.json
@@ -28,7 +28,7 @@
   },
   "peerDependencies": {
     "react-router-dom": "^6.4.0",
-    "react": ">=16.8.0 <19.0.0",
+    "react": ">=18.0.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0"
   },
   "devDependencies": {

diff --git a/packages/react-shortcuts/package.json b/packages/react-shortcuts/package.json
@@ -23,7 +23,7 @@
     "node": ">=18.12.0"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "devDependencies": {
     "@shopify/jest-dom-mocks": "^5.0.1",

diff --git a/packages/react-testing/package.json b/packages/react-testing/package.json
@@ -48,7 +48,7 @@
     "matchers.esnext"
   ],
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0",
+    "react": ">=18.0.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0"
   },
   "module": "index.mjs",

diff --git a/packages/react-universal-provider/package.json b/packages/react-universal-provider/package.json
@@ -28,7 +28,7 @@
     "@shopify/react-html": "^13.0.8"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0"
+    "react": ">=18.0.0 <19.0.0"
   },
   "files": [
     "build/",

diff --git a/packages/react-web-worker/package.json b/packages/react-web-worker/package.json
@@ -29,7 +29,7 @@
     "@shopify/web-worker": "^6.1.2"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <19.0.0",
+    "react": ">=18.0.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0"
   },
   "files": [