Upgrade deps

package.json

@@ -28,18 +28,19 @@
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "7.18.3",
+    "@babel/runtime": "7.18.9",
     "@fontsource/roboto-mono": "4.5.7",
     "@reach/menu-button": "0.17.0",
     "@reach/tooltip": "0.17.0",
     "@reach/visually-hidden": "0.17.0",
+    "@tanstack/react-query": "4.0.10",
     "chart.js": "3.8.0",
-    "clsx": "^1.1.0",
+    "clsx": "^1.2.1",
-    "core-js": "3.23.1",
+    "core-js": "3.23.5",
-    "date-fns": "2.28.0",
+    "date-fns": "2.29.1",
-    "framer-motion": "6.3.11",
+    "framer-motion": "6.5.1",
     "history": "5.3.0",
-    "i18next": "21.8.9",
+    "i18next": "21.8.14",
     "i18next-browser-languagedetector": "6.1.4",
     "i18next-http-backend": "1.4.1",
     "immer": "9.0.15",
@@ -51,10 +52,9 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-feather": "^2.0.10",
-    "react-i18next": "11.17.2",
+    "react-i18next": "11.18.1",
     "react-icons": "4.4.0",
     "react-modal": "3.15.1",
-    "react-query": "3.39.1",
     "react-router": "6.3.0",
     "react-router-dom": "6.3.0",
     "react-switch": "^7.0.0",
@@ -62,7 +62,7 @@
     "react-tabs": "5.1.0",
     "react-tiny-fab": "4.0.4",
     "react-window": "^1.8.5",
-    "recoil": "0.7.3",
+    "recoil": "0.7.4",
     "regenerator-runtime": "0.13.9",
     "reselect": "4.1.6",
     "tslib": "2.4.0",
@@ -77,34 +77,33 @@
     "@fontsource/inter": "4.5.11",
     "@types/invariant": "2.2.35",
     "@types/lodash-es": "4.17.6",
-    "@types/react": "18.0.12",
+    "@types/react": "18.0.15",
-    "@types/react-dom": "18.0.5",
+    "@types/react-dom": "18.0.6",
     "@types/react-modal": "3.13.1",
     "@types/react-window": "1.8.5",
-    "@typescript-eslint/eslint-plugin": "5.28.0",
+    "@typescript-eslint/eslint-plugin": "5.30.7",
-    "@typescript-eslint/parser": "5.28.0",
+    "@typescript-eslint/parser": "5.30.7",
-    "@vitejs/plugin-react": "1.3.2",
+    "@vitejs/plugin-react": "2.0.0",
     "autoprefixer": "10.4.7",
-    "cssnano": "5.1.11",
+    "eslint": "8.20.0",
-    "eslint": "8.17.0",
     "eslint-config-airbnb-base": "15.0.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-config-react-app": "7.0.1",
     "eslint-plugin-flowtype": "8.0.3",
     "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-jsx-a11y": "6.5.1",
+    "eslint-plugin-jsx-a11y": "6.6.1",
-    "eslint-plugin-react": "7.30.0",
+    "eslint-plugin-react": "7.30.1",
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-simple-import-sort": "^7.0.0",
     "postcss": "8.4.14",
     "postcss-custom-media": "^8.0.2",
     "postcss-import": "14.1.0",
     "postcss-simple-vars": "^6.0.3",
-    "prettier": "2.7.0",
+    "prettier": "2.7.1",
     "resize-observer-polyfill": "^1.5.1",
-    "sass": "1.52.3",
+    "sass": "1.54.0",
-    "typescript": "4.7.3",
+    "typescript": "4.7.4",
-    "vite": "2.9.12",
+    "vite": "3.0.2",
-    "vite-plugin-pwa": "0.12.0"
+    "vite-plugin-pwa": "0.12.3"
   }
 }

src/components/Root.tsx

@@ -3,8 +3,8 @@ import '@fontsource/roboto-mono/latin-400.css';
 import '@fontsource/inter/latin-400.css';
 import '@fontsource/inter/latin-800.css';
 
+import { QueryClientProvider } from '@tanstack/react-query';
 import * as React from 'react';
-import { QueryClientProvider } from 'react-query';
 import { RouteObject } from 'react-router';
 import { HashRouter as Router, useRoutes } from 'react-router-dom';
 import { RecoilRoot } from 'recoil';

src/components/about/About.tsx

@@ -1,6 +1,6 @@
+import { useQuery } from '@tanstack/react-query';
 import * as React from 'react';
 import { GitHub } from 'react-feather';
-import { useQuery } from 'react-query';
 import { fetchVersion } from 'src/api/version';
 import ContentHeader from 'src/components/ContentHeader';
 import { connect } from 'src/components/StateProvider';

src/components/rules/rules.hooks.tsx

@@ -1,5 +1,5 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import * as React from 'react';
-import { useMutation, useQuery, useQueryClient } from 'react-query';
 import { useRecoilState } from 'recoil';
 import {
   fetchRuleProviders,

src/misc/query.ts

@@ -1,4 +1,4 @@
-import { QueryCache, QueryClient } from 'react-query';
+import { QueryCache, QueryClient } from '@tanstack/react-query';
 
 const queryCache = new QueryCache();
 export const queryClient = new QueryClient({