Updated client packages

client/package.json

@@ -7,42 +7,42 @@
   "private": true,
   "type": "module",
   "dependencies": {
-    "@ant-design/icons": "^5.2.5",
+    "@ant-design/icons": "^5.2.6",
     "@loadable/component": "^5.15.3",
-    "@refinedev/antd": "^5.34.0",
-    "@refinedev/core": "^4.34.0",
-    "@refinedev/kbar": "^1.3.0",
-    "@refinedev/react-router-v6": "^4.5.0",
-    "@refinedev/simple-rest": "^4.5.0",
-    "@tanstack/react-query": "^4.32.6",
-    "@tanstack/react-query-devtools": "^4.33.0",
-    "@types/loadable__component": "^5.13.4",
+    "@refinedev/antd": "^5.36.10",
+    "@refinedev/core": "^4.44.5",
+    "@refinedev/kbar": "^1.3.4",
+    "@refinedev/react-router-v6": "^4.5.4",
+    "@refinedev/simple-rest": "^4.5.4",
+    "@tanstack/react-query": "^4.36.1",
+    "@tanstack/react-query-devtools": "^4.36.1",
+    "@types/loadable__component": "^5.13.5",
     "@yudiel/react-qr-scanner": "^1.1.10",
-    "antd": "^5.8.3",
-    "flag-icons": "^6.9.4",
-    "i18next": "^23.4.4",
+    "antd": "^5.10.0",
+    "flag-icons": "^6.11.1",
+    "i18next": "^23.5.1",
     "i18next-browser-languagedetector": "^7.1.0",
     "i18next-xhr-backend": "^3.2.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-i18next": "^13.1.2",
-    "react-router-dom": "^6.15.0",
-    "react-to-print": "^2.14.13",
-    "vite-plugin-svgr": "^3.2.0"
+    "react-i18next": "^13.3.0",
+    "react-router-dom": "^6.16.0",
+    "react-to-print": "^2.14.15",
+    "vite-plugin-svgr": "^4.1.0"
   },
   "devDependencies": {
-    "@refinedev/cli": "^2.7.6",
-    "@types/node": "^20.4.10",
-    "@types/react": "^18.2.20",
-    "@types/react-dom": "^18.2.7",
-    "@typescript-eslint/eslint-plugin": "^6.3.0",
-    "@typescript-eslint/parser": "^6.3.0",
-    "@vitejs/plugin-react": "^4.0.4",
-    "eslint": "^8.47.0",
+    "@refinedev/cli": "^2.16.6",
+    "@types/node": "^20.8.6",
+    "@types/react": "^18.2.28",
+    "@types/react-dom": "^18.2.13",
+    "@typescript-eslint/eslint-plugin": "^6.7.5",
+    "@typescript-eslint/parser": "^6.7.5",
+    "@vitejs/plugin-react": "^4.1.0",
+    "eslint": "^8.51.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.9",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.11",
     "vite-plugin-mkcert": "^1.16.0"
   },
   "scripts": {

client/src/App.tsx

@@ -15,7 +15,8 @@ import { useTranslation } from "react-i18next";
 import { BrowserRouter, Outlet, Route, Routes } from "react-router-dom";
 import { Header } from "./components/header";
 import { ColorModeContextProvider } from "./contexts/color-mode";
-import { ReactComponent as Logo } from "./icon.svg";
+// @ts-expect-error: svg file
+import Logo from "./icon.svg?react";
 import { FileOutlined, HighlightOutlined, UserOutlined } from "@ant-design/icons";
 import { ConfigProvider } from "antd";
 import { Footer } from "antd/es/layout/layout";
@@ -41,7 +42,7 @@ function App() {
   const { t, i18n } = useTranslation();
 
   const i18nProvider = {
-    translate: (key: string, params: object) => t(key, params),
+    translate: (key: string, params?: never) => t(key, params),
     changeLocale: (lang: string) => i18n.changeLanguage(lang),
     getLocale: () => i18n.language,
   };

client/src/components/column.tsx

@@ -9,7 +9,8 @@ import dayjs from "dayjs";
 import utc from "dayjs/plugin/utc";
 import { DateField, TextField } from "@refinedev/antd";
 import Icon from "@ant-design/icons";
-import { ReactComponent as SpoolIcon } from "../icon_spool.svg";
+// @ts-expect-error: svg file
+import SpoolIcon from "../icon_spool.svg?react";
 import { useTranslate } from "@refinedev/core";
 import { enrichText } from "../utils/parsing";
 import { UseQueryResult } from "@tanstack/react-query";