Chore: update dependencies

.eslintrc.yml

@@ -27,3 +27,4 @@ rules:
   '@typescript-eslint/promise-function-async': off
   '@typescript-eslint/no-floating-promises': off
   '@typescript-eslint/no-invalid-void-type': off
+  '@typescript-eslint/no-misused-promises': off

.github/workflows/node.yml

@@ -7,14 +7,14 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - name: Checkout Dashboard code
-      uses: actions/checkout@v2
+      uses: actions/checkout@v3
     - uses: pnpm/action-setup@v2
       with:
         version: latest
     - name: Setup Nodejs
-      uses: actions/setup-node@v2
+      uses: actions/setup-node@v3
       with:
-        node-version: '16.x'
+        node-version: '17.x'
         cache: pnpm
     - name: Install package and build
       run: |

package.json

@@ -25,52 +25,52 @@
         "contributors:generate": "all-contributors generate"
     },
     "devDependencies": {
-        "@types/lodash-es": "^4.17.5",
+        "@types/lodash-es": "^4.17.6",
-        "@types/node": "^17.0.12",
+        "@types/node": "^17.0.23",
-        "@types/react": "^17.0.38",
+        "@types/react": "^17.0.42",
-        "@types/react-dom": "^17.0.11",
+        "@types/react-dom": "^17.0.14",
         "@types/react-router-dom": "^5.3.3",
-        "@types/react-table": "^7.7.9",
+        "@types/react-table": "^7.7.10",
         "@types/react-virtualized-auto-sizer": "^1.0.1",
         "@types/react-window": "^1.8.5",
-        "@typescript-eslint/eslint-plugin": "^5.10.1",
+        "@typescript-eslint/eslint-plugin": "^5.16.0",
-        "@typescript-eslint/parser": "^5.10.1",
+        "@typescript-eslint/parser": "^5.16.0",
-        "@vitejs/plugin-react": "^1.1.4",
+        "@vitejs/plugin-react": "^1.2.0",
-        "eslint": "^8.7.0",
+        "eslint": "^8.11.0",
         "eslint-config-airbnb": "^19.0.4",
-        "eslint-config-airbnb-typescript": "^16.1.0",
+        "eslint-config-airbnb-typescript": "^16.1.4",
         "eslint-config-standard-with-typescript": "^21.0.1",
-        "eslint-import-resolver-typescript": "^2.5.0",
+        "eslint-import-resolver-typescript": "^2.7.0",
         "eslint-plugin-import": "^2.25.4",
         "eslint-plugin-node": "^11.1.0",
         "eslint-plugin-promise": "^6.0.0",
         "eslint-plugin-react-hooks": "^4.3.0",
-        "sass": "^1.49.0",
+        "sass": "^1.49.9",
-        "type-fest": "^2.10.0",
+        "type-fest": "^2.12.1",
-        "typescript": "^4.5.5",
+        "typescript": "^4.6.2",
-        "vite": "^2.7.13",
+        "vite": "^2.8.6",
         "vite-plugin-pwa": "^0.11.13",
-        "vite-plugin-windicss": "^1.6.3",
+        "vite-plugin-windicss": "^1.8.3",
-        "vite-tsconfig-paths": "^3.3.17",
+        "vite-tsconfig-paths": "^3.4.1",
-        "windicss": "^3.4.3"
+        "windicss": "^3.5.1"
     },
     "dependencies": {
-        "axios": "^0.25.0",
+        "axios": "^0.26.1",
         "classnames": "^2.3.1",
-        "dayjs": "^1.10.7",
+        "dayjs": "^1.11.0",
         "eventemitter3": "^4.0.7",
         "immer": "^9.0.12",
-        "jotai": "^1.5.3",
+        "jotai": "^1.6.1",
         "lodash-es": "^4.17.21",
         "neverthrow": "^4.3.1",
-        "react": "^17.0.2",
+        "react": "^18.0.0-rc.3",
-        "react-dom": "^17.0.2",
+        "react-dom": "^18.0.0-rc.3",
-        "react-router-dom": "^6.2.1",
+        "react-router-dom": "^6.2.2",
         "react-table": "^7.7.0",
         "react-use": "^17.3.2",
         "react-virtualized-auto-sizer": "^1.0.6",
         "react-window": "^1.8.6",
-        "swr": "^1.1.2",
+        "swr": "^1.2.2",
         "use-immer": "^0.6.0"
     }
 }

src/render.tsx

@@ -1,5 +1,5 @@
 import { Suspense } from 'react'
-import { render } from 'react-dom'
+import { createRoot } from 'react-dom/client'
 import { HashRouter } from 'react-router-dom'
 
 import { Loading } from '@components'
@@ -16,5 +16,6 @@ export default function renderApp () {
         </HashRouter>
     )
 
-    render(AppInstance, rootEl)
+    const root = createRoot(rootEl!)
+    root.render(AppInstance)
 }

src/stores/request.ts

@@ -1,5 +1,5 @@
-import { atom, useAtom } from 'jotai'
+import { atom, useAtom, useAtomValue } from 'jotai'
-import { atomWithStorage, useAtomValue } from 'jotai/utils'
+import { atomWithStorage } from 'jotai/utils'
 import { useLocation } from 'react-use'
 
 import { isClashX, jsBridge } from '@lib/jsBridge'