[optimize] upgrade to MobX 6 & React 18

[optimize] update Upstream packages

.github/workflows/main.yml

@@ -19,7 +19,7 @@ jobs:
       - uses: actions/setup-node@v3
         if: ${{ !env.VERCEL_TOKEN || !env.VERCEL_ORG_ID || !env.VERCEL_PROJECT_ID }}
         with:
-          node-version: 16
+          node-version: 18
           cache: pnpm
       - name: Install Dependencies
         if: ${{ !env.VERCEL_TOKEN || !env.VERCEL_ORG_ID || !env.VERCEL_PROJECT_ID }}

.parcelrc

@@ -0,0 +1,8 @@
+{
+  "extends": "@parcel/config-default",
+  "optimizers": {
+    "*.js": [
+      "@parcel/optimizer-esbuild"
+    ]
+  }
+}

README.md

@@ -8,8 +8,8 @@ which is inspired by [WebCell scaffold][5].
 ## Technology stack
 
 - Language: [TypeScript v5][2]
-- Component engine: [React v17][1]
-- State management: [MobX v5][3]
+- Component engine: [React v18][1]
+- State management: [MobX v6][3]
 - Component suite: [Ant Design v5][4] + [Bootstrap v5][6] (CSS utilities)
 - HTTP Client: [KoAJAX][8]
 - PWA framework: [Workbox v7][9]
@@ -39,7 +39,7 @@ npm start
 pnpm build
 ```
 
-[1]: https://reactjs.org/
+[1]: https://react.dev/
 [2]: https://www.typescriptlang.org/
 [3]: https://mobx.js.org/
 [4]: https://ant.design/

package.json

@@ -11,38 +11,41 @@
     "url": "https://github.com/idea2app/React-MobX-Ant-Design-ts/issues"
   },
   "dependencies": {
-    "@ant-design/cssinjs": "^1.10.1",
-    "@ant-design/icons": "^5.1.4",
-    "antd": "^5.6.1",
+    "@ant-design/cssinjs": "^1.17.0",
+    "@ant-design/icons": "^5.2.5",
+    "antd": "^5.8.5",
     "browser-unhandled-rejection": "^1.0.2",
-    "koajax": "^0.8.4",
+    "koajax": "^0.8.6",
     "lodash": "^4.17.21",
-    "mobx": "^5.15.7",
-    "mobx-i18n": "^0.3.15",
-    "mobx-react": "^6.3.1",
-    "mobx-restful": "^0.6.5",
-    "mobx-restful-table": "^1.0.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-router": "^6.12.0",
+    "mobx": "^6.10.0",
+    "mobx-i18n": "^0.4.1",
+    "mobx-react": "^9.0.0",
+    "mobx-react-helper": "^0.2.4",
+    "mobx-restful": "^0.6.11",
+    "mobx-restful-table": "^1.1.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router": "^6.15.0",
     "react-router-class-tools": "^0.1.3",
-    "react-router-dom": "^6.12.0",
-    "web-utility": "^4.0.0"
+    "react-router-dom": "^6.15.0",
+    "web-utility": "^4.1.0"
   },
   "devDependencies": {
-    "@octokit/openapi-types": "^17.2.0",
-    "@parcel/packager-raw-url": "~2.8.3",
-    "@parcel/transformer-webmanifest": "~2.8.3",
-    "@types/lodash": "^4.14.195",
-    "@types/node": "^16.18.34",
-    "@types/react": "^17.0.60",
-    "@types/react-dom": "^17.0.20",
+    "@octokit/openapi-types": "^18.0.0",
+    "@parcel/config-default": "^2.9.3",
+    "@parcel/optimizer-esbuild": "^2.9.3",
+    "@parcel/packager-raw-url": "~2.9.3",
+    "@parcel/transformer-webmanifest": "~2.9.3",
+    "@types/lodash": "^4.14.197",
+    "@types/node": "^18.17.12",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
-    "parcel": "~2.8.3",
-    "prettier": "^2.8.8",
+    "lint-staged": "^14.0.1",
+    "parcel": "~2.9.3",
+    "prettier": "^3.0.2",
     "process": "^0.11.10",
-    "typescript": "~5.1.3",
+    "typescript": "~5.2.2",
     "workbox-cli": "^7.0.0"
   },
   "prettier": {
@@ -56,8 +59,9 @@
   "scripts": {
     "prepare": "husky install",
     "test": "lint-staged",
-    "start": "parcel src/index.html --open",
-    "pack": "parcel build src/index.html --public-url .",
-    "build": "rm -rf dist/  &&  npm run pack  &&  workbox generateSW"
+    "clean": "rm -rf .parcel-cache/ dist/",
+    "start": "npm run clean  &&  parcel src/index.html --open",
+    "pack": "npm run clean  &&  parcel build src/index.html --public-url .",
+    "build": "npm run pack  &&  workbox generateSW"
   }
 }