chore: bump swc and webpack-dev-server for examples (#512)

Author: Austaras

README.md

@@ -259,7 +259,7 @@ module.exports = {
 > **:warning: Warning**:
 > This is an un-official integration maintained by the community.
 
-Ensure your `@swc/core` version is at least `1.2.52`.
+Ensure your `@swc/core` version is at least `1.2.86`.
 It is also recommended to use `swc-loader` version `0.1.13` or above.
 
 Then, instead of wiring up `react-refresh/babel` via `babel-loader`,

examples/flow-with-babel/package.json

@@ -19,7 +19,7 @@
     "react-refresh": "^0.10.0",
     "webpack": "^5.52.1",
     "webpack-cli": "^4.8.0",
-    "webpack-dev-server": "^3.11.2"
+    "webpack-dev-server": "^4.1.1"
   },
   "scripts": {
     "start": "webpack serve --hot",

examples/flow-with-babel/src/App.jsx

@@ -1,6 +1,7 @@
 // @flow
 
 import { lazy, Suspense } from 'react';
+import { ArrowFunction } from './ArrowFunction';
 import ClassDefault from './ClassDefault';
 import { ClassNamed } from './ClassNamed';
 import FunctionDefault from './FunctionDefault';
@@ -15,6 +16,7 @@ function App() {
       <ClassNamed />
       <FunctionDefault />
       <FunctionNamed />
+      <ArrowFunction />
       <Suspense fallback={<h1>Loading</h1>}>
         <LazyComponent />
       </Suspense>

examples/flow-with-babel/src/ArrowFunction.jsx

@@ -0,0 +1,3 @@
+// @flow
+
+export const ArrowFunction = () => <h1>Arrow Function</h1>;

examples/flow-with-babel/yarn.lock

@@ -8,9 +8,10 @@
   },
   "devDependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.0",
-    "@swc/core": "^1.2.85",
+    "@swc/core": "^1.2.88",
     "@types/react": "^17.0.20",
     "@types/react-dom": "^17.0.9",
+    "core-js": "^3.17.3",
     "cross-env": "^7.0.3",
     "fork-ts-checker-webpack-plugin": "^6.3.3",
     "html-webpack-plugin": "^5.3.2",
@@ -19,7 +20,7 @@
     "typescript": "4.4.3",
     "webpack": "^5.52.1",
     "webpack-cli": "^4.8.0",
-    "webpack-dev-server": "^3.11.2"
+    "webpack-dev-server": "^4.1.1"
   },
   "scripts": {
     "start": "webpack serve --hot",

examples/typescript-with-swc/package.json

@@ -1,4 +1,5 @@
 import { lazy, Suspense } from 'react';
+import { ArrowFunction } from './ArrowFunction';
 import ClassDefault from './ClassDefault';
 import { ClassNamed } from './ClassNamed';
 import FunctionDefault from './FunctionDefault';
@@ -13,6 +14,7 @@ function App() {
       <ClassNamed />
       <FunctionDefault />
       <FunctionNamed />
+      <ArrowFunction />
       <Suspense fallback={<h1>Loading</h1>}>
         <LazyComponent />
       </Suspense>

examples/typescript-with-swc/src/App.tsx

@@ -0,0 +1 @@
+export const ArrowFunction = () => <h1>Arrow Function</h1>;

examples/typescript-with-swc/src/ArrowFunction.tsx

@@ -19,6 +19,7 @@ module.exports = {
           {
             loader: 'swc-loader',
             options: {
+              env: { mode: 'usage' },
               jsc: {
                 parser: {
                   syntax: 'typescript',