docs: update examples for 0.5.0 (#506)

Author: pmmmwh

README.md

@@ -107,7 +107,7 @@ pnpm add -D type-fest
 For most setups, we recommend integrate using `babel-loader`.
 It covers the most use cases and is officially supported by the React team.
 
-The examples below will also assume you're using `webpack-dev-server`.
+The example below will assume you're using `webpack-dev-server`.
 
 If you haven't done so, set up your development Webpack configuration for Hot Module Replacement (HMR).
 
@@ -154,9 +154,6 @@ module.exports = {
 };
 ```
 
-> **:memo: Note**:
-> `webpack-plugin-serve` officially only supports Webpack 4.
-
 </details>
 
 Then, add the `react-refresh/babel` plugin to your Babel configuration and this plugin to your Webpack configuration.
@@ -296,6 +293,9 @@ module.exports = {
 
 </details>
 
+For more information on how to set up "Fast Refresh" with different integrations,
+please check out [our examples](examples).
+
 ### Overlay Integration
 
 This plugin integrates with the most common Webpack HMR solutions to surface errors during development -

examples/create-react-app/package.json

@@ -7,9 +7,9 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.0-rc.3",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.0",
     "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.0.0",
+    "@testing-library/react": "^12.1.0",
     "customize-cra": "^1.0.0",
     "react-app-rewired": "^2.1.8",
     "react-refresh": "^0.10.0",
@@ -22,7 +22,7 @@
     "eject": "react-app-rewired eject"
   },
   "resolutions": {
-    "browserslist": "4.16.7",
+    "browserslist": "4.17.0",
     "postcss": "7.0.36",
     "webpack": "4.46.0"
   },

examples/create-react-app/yarn.lock

@@ -7,18 +7,18 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.14.6",
-    "@babel/preset-env": "^7.14.7",
+    "@babel/core": "^7.15.5",
+    "@babel/preset-env": "^7.15.6",
     "@babel/preset-flow": "^7.14.5",
     "@babel/preset-react": "^7.14.5",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.0-rc.3",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.0",
     "babel-loader": "^8.2.2",
     "cross-env": "^7.0.3",
-    "flow-bin": "^0.157.0",
+    "flow-bin": "^0.159.0",
     "html-webpack-plugin": "^5.3.2",
     "react-refresh": "^0.10.0",
-    "webpack": "^5.42.0",
-    "webpack-cli": "^4.7.2",
+    "webpack": "^5.52.1",
+    "webpack-cli": "^4.8.0",
     "webpack-dev-server": "^3.11.2"
   },
   "scripts": {

examples/flow-with-babel/package.json

@@ -7,18 +7,18 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.0-rc.3",
-    "@swc/core": "^1.2.76",
-    "@types/react": "^17.0.13",
-    "@types/react-dom": "^17.0.8",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.0",
+    "@swc/core": "^1.2.85",
+    "@types/react": "^17.0.20",
+    "@types/react-dom": "^17.0.9",
     "cross-env": "^7.0.3",
-    "fork-ts-checker-webpack-plugin": "^6.2.12",
+    "fork-ts-checker-webpack-plugin": "^6.3.3",
     "html-webpack-plugin": "^5.3.2",
     "react-refresh": "^0.10.0",
     "swc-loader": "^0.1.14",
-    "typescript": "4.3.5",
-    "webpack": "^5.42.0",
-    "webpack-cli": "^4.7.2",
+    "typescript": "4.4.3",
+    "webpack": "^5.52.1",
+    "webpack-cli": "^4.8.0",
     "webpack-dev-server": "^3.11.2"
   },
   "scripts": {

examples/flow-with-babel/yarn.lock

@@ -7,18 +7,18 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.0-rc.3",
-    "@types/react": "^17.0.13",
-    "@types/react-dom": "^17.0.8",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.0",
+    "@types/react": "^17.0.20",
+    "@types/react-dom": "^17.0.9",
     "cross-env": "^7.0.3",
-    "fork-ts-checker-webpack-plugin": "^6.2.12",
+    "fork-ts-checker-webpack-plugin": "^6.3.3",
     "html-webpack-plugin": "^5.3.2",
     "react-refresh": "^0.10.0",
-    "react-refresh-typescript": "^2.0.1",
-    "ts-loader": "^9.2.3",
-    "typescript": "4.3.5",
-    "webpack": "^5.42.0",
-    "webpack-cli": "^4.7.2",
+    "react-refresh-typescript": "^2.0.2",
+    "ts-loader": "^9.2.5",
+    "typescript": "4.4.3",
+    "webpack": "^5.52.1",
+    "webpack-cli": "^4.8.0",
     "webpack-dev-server": "^3.11.2"
   },
   "scripts": {