Add @snowpack/plugin-react-refresh to React scripts (#829)

* add react-refresh to react templates * use greater than or equal * switch to 16.10.0
FredKSchott · Aug 17, 2020 · a15ab44 · a15ab44 · vercel · Aug 17, 2020
1 parent 1e11dfd
commit a15ab44
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 2 deletions.
diff --git a/packages/@snowpack/app-scripts-react/babel.config.json b/packages/@snowpack/app-scripts-react/babel.config.json
@@ -1,4 +1,11 @@
 {
   "presets": [["@babel/preset-react"], "@babel/preset-typescript"],
-  "plugins": ["@babel/plugin-syntax-import-meta"]
+  "plugins": ["@babel/plugin-syntax-import-meta"],
+  "env": {
+    "development": {
+      "plugins": [
+        "react-refresh/babel"
+      ]
+    }
+  }
 }
diff --git a/packages/@snowpack/app-scripts-react/package.json b/packages/@snowpack/app-scripts-react/package.json
@@ -13,6 +13,7 @@
     "@babel/preset-typescript": "^7.10.4",
     "@snowpack/plugin-babel": "^2.0.3",
     "@snowpack/plugin-dotenv": "^2.0.0",
+    "@snowpack/plugin-react-refresh": "^2.0.2",
     "babel-jest": "^26.2.2",
     "babel-preset-react-app": "^9.1.2",
     "react-app-polyfill": "^1.0.6"

diff --git a/packages/@snowpack/app-scripts-react/snowpack.config.js b/packages/@snowpack/app-scripts-react/snowpack.config.js
@@ -9,7 +9,7 @@ module.exports = {
     public: '/',
     src: '/_dist_',
   },
-  plugins: ['@snowpack/plugin-babel', '@snowpack/plugin-dotenv'],
+  plugins: ['@snowpack/plugin-react-refresh', '@snowpack/plugin-babel', '@snowpack/plugin-dotenv'],
   devOptions: {},
   installOptions: {
     installTypes: isTS,

diff --git a/packages/@snowpack/plugin-react-refresh/package.json b/packages/@snowpack/plugin-react-refresh/package.json
@@ -9,5 +9,9 @@
   "dependencies": {
     "react-refresh": "^0.8.3"
   },
+  "peerDependencies": {
+    "react": ">=16.10.0",
+    "react-dom": ">=16.10.0"
+  },
   "gitHead": "a01616bb0787d56cd782f94cecf2daa12c7594e4"
 }