Upgrade deps

.github/workflows/push.yml

@@ -92,7 +92,7 @@ jobs:
 
       - name: Docker meta
         id: docker_meta
-        uses: docker/metadata-action@v3.4.1
+        uses: docker/metadata-action@v3.5.0
         with:
           images: haishanh/yacd
 

package.json

@@ -23,21 +23,21 @@
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "7.14.6",
+    "@babel/runtime": "7.15.4",
     "@fontsource/open-sans": "4.5.0",
     "@fontsource/roboto-mono": "4.5.0",
     "@hsjs/react-cache": "0.0.0-alpha.aa94237",
-    "@reach/tooltip": "0.15.3",
+    "@reach/tooltip": "0.16.0",
     "chart.js": "2.9.4",
     "clsx": "^1.1.0",
-    "core-js": "3.15.2",
+    "core-js": "3.17.2",
-    "date-fns": "2.22.1",
+    "date-fns": "2.23.0",
     "framer-motion": "4.1.17",
-    "history": "^5.0.0",
+    "history": "5.0.1",
-    "i18next": "20.3.3",
+    "i18next": "20.6.0",
     "i18next-browser-languagedetector": "6.1.2",
-    "i18next-http-backend": "1.2.6",
+    "i18next-http-backend": "1.3.0",
-    "immer": "9.0.5",
+    "immer": "9.0.6",
     "invariant": "^2.2.4",
     "lodash-es": "^4.17.21",
     "memoize-one": "5.2.1",
@@ -46,10 +46,10 @@
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-feather": "^2.0.9",
-    "react-i18next": "11.11.3",
+    "react-i18next": "11.11.4",
     "react-icons": "^4.2.0",
     "react-modal": "3.14.3",
-    "react-query": "3.19.0",
+    "react-query": "3.21.1",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-switch": "^6.0.0",
@@ -57,50 +57,50 @@
     "react-tabs": "3.2.2",
     "react-tiny-fab": "4.0.3",
     "react-window": "^1.8.5",
-    "recoil": "0.3.1",
+    "recoil": "0.4.1",
-    "regenerator-runtime": "^0.13.7",
+    "regenerator-runtime": "0.13.9",
     "reselect": "^4.0.0",
-    "tslib": "2.3.0",
+    "tslib": "2.3.1",
-    "workbox-core": "6.1.5",
+    "workbox-core": "6.2.4",
-    "workbox-expiration": "6.1.5",
+    "workbox-expiration": "6.2.4",
-    "workbox-precaching": "6.1.5",
+    "workbox-precaching": "6.2.4",
-    "workbox-routing": "6.1.5",
+    "workbox-routing": "6.2.4",
-    "workbox-strategies": "6.1.5"
+    "workbox-strategies": "6.2.4"
   },
   "devDependencies": {
-    "@types/invariant": "^2.2.33",
+    "@types/invariant": "2.2.35",
-    "@types/jest": "26.0.24",
+    "@types/jest": "27.0.1",
     "@types/lodash-es": "^4.17.4",
-    "@types/react": "17.0.14",
+    "@types/react": "17.0.19",
     "@types/react-dom": "17.0.9",
     "@types/react-modal": "3.12.1",
     "@types/react-tabs": "2.3.3",
-    "@types/react-window": "1.8.4",
+    "@types/react-window": "1.8.5",
-    "@typescript-eslint/eslint-plugin": "4.28.3",
+    "@typescript-eslint/eslint-plugin": "4.30.0",
-    "@typescript-eslint/parser": "4.28.3",
+    "@typescript-eslint/parser": "4.30.0",
-    "@vitejs/plugin-react-refresh": "1.3.5",
+    "@vitejs/plugin-react-refresh": "1.3.6",
-    "autoprefixer": "10.3.1",
+    "autoprefixer": "10.3.4",
-    "cssnano": "5.0.6",
+    "cssnano": "5.0.8",
-    "eslint": "7.31.0",
+    "eslint": "7.32.0",
     "eslint-config-airbnb-base": "^14.2.1",
     "eslint-config-prettier": "8.3.0",
     "eslint-config-react-app": "^6.0.0",
-    "eslint-plugin-flowtype": "5.8.0",
+    "eslint-plugin-flowtype": "5.9.2",
-    "eslint-plugin-import": "2.23.4",
+    "eslint-plugin-import": "2.24.2",
-    "eslint-plugin-jest": "24.3.6",
+    "eslint-plugin-jest": "24.4.0",
     "eslint-plugin-jsx-a11y": "^6.3.1",
-    "eslint-plugin-react": "7.24.0",
+    "eslint-plugin-react": "7.25.1",
     "eslint-plugin-react-hooks": "^4.1.2",
     "eslint-plugin-simple-import-sort": "^7.0.0",
-    "postcss": "8.3.5",
+    "postcss": "8.3.6",
     "postcss-custom-media": "^8.0.0",
     "postcss-import": "14.0.2",
     "postcss-simple-vars": "^6.0.3",
     "prettier": "2.3.2",
     "resize-observer-polyfill": "^1.5.1",
-    "sass": "1.35.2",
+    "sass": "1.39.0",
-    "typescript": "4.3.5",
+    "typescript": "4.4.2",
-    "vite": "2.4.2",
+    "vite": "2.5.3",
-    "vite-plugin-pwa": "0.8.1"
+    "vite-plugin-pwa": "0.11.2"
   }
 }

src/components/Connections.tsx

@@ -219,13 +219,11 @@ function Conn({ apiConfig }) {
           </div>
         </div>
         <div
-          // @ts-expect-error ts-migrate(2322) FIXME: Type 'number | MutableRefObject<any>' is not assig... Remove this comment to see the full error message
           ref={refContainer}
           style={{ padding: 30, paddingBottom, paddingTop: 0 }}
         >
           <div
             style={{
-              // @ts-expect-error ts-migrate(2362) FIXME: The left-hand side of an arithmetic operation must... Remove this comment to see the full error message
               height: containerHeight - paddingBottom,
               overflow: 'auto',
             }}

src/components/SideBar.module.scss

@@ -15,7 +15,7 @@
   @media (max-width: 768px) {
     display: flex;
     justify-content: space-between;
-    overflow: scroll;
+    overflow: auto;
   }
 }