Upgrade a lot of dependencies

package.json

@@ -1,70 +1,71 @@
 {
+    "license": "MIT",
     "scripts": {
         "dev": "vite",
         "build": "vite build",
         "serve": "vite preview"
     },
     "devDependencies": {
-        "@locator/babel-jsx": "^0.2.4",
-        "@locator/runtime": "^0.2.4",
-        "@types/js-cookie": "^3.0.2",
-        "@types/node": "^18.13.0",
-        "@types/react": "^18.0.28",
-        "@types/react-datepicker": "^3.1.3",
-        "@types/react-dom": "^18.0.10",
-        "@types/react-draft-wysiwyg": "^1.13.3",
+        "@locator/babel-jsx": "^0.4.3",
+        "@locator/runtime": "^0.4.3",
+        "@types/draftjs-to-html": "^0.8.4",
+        "@types/js-cookie": "^3.0.6",
+        "@types/lodash": "^4.14.202",
+        "@types/node": "^18.19.4",
+        "@types/react": "^18.2.47",
+        "@types/react-datepicker": "^4.19.5",
+        "@types/react-dom": "^18.2.18",
+        "@types/react-draft-wysiwyg": "^1.13.8",
         "@types/react-router-dom": "^5.3.2",
-        "@types/styled-components": "^5.1.26",
-        "@types/uuid": "^8.3.1",
-        "@typescript-eslint/eslint-plugin": "^6.7.4",
-        "@typescript-eslint/parser": "^6.7.4",
-        "@vitejs/plugin-react": "^4.1.0",
-        "autoprefixer": "^10.4.13",
-        "eslint": "^8.51.0",
-        "eslint-config-prettier": "^9.0.0",
-        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "@types/styled-components": "^5.1.34",
+        "@types/uuid": "^9.0.7",
+        "@typescript-eslint/eslint-plugin": "^6.18.0",
+        "@typescript-eslint/parser": "^6.18.0",
+        "@vitejs/plugin-react": "^4.2.1",
+        "autoprefixer": "^10.4.16",
+        "eslint": "^8.56.0",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-jsx-a11y": "^6.8.0",
         "eslint-plugin-react": "^7.33.2",
-        "eslint-plugin-tailwindcss": "^3.13.0",
-        "postcss": "^8.4.31",
-        "prettier": "^2.8.4",
-        "sass": "^1.58.0",
-        "typescript": "^4.9.5",
-        "vite": "^4.1.5",
-        "vite-tsconfig-paths": "^4.0.5"
+        "eslint-plugin-tailwindcss": "^3.13.1",
+        "postcss": "^8.4.33",
+        "prettier": "^3.1.1",
+        "sass": "^1.69.7",
+        "typescript": "^5.3.3",
+        "vite": "^5.0.11",
+        "vite-tsconfig-paths": "^4.2.3"
     },
     "dependencies": {
-        "@headlessui/react": "^1.7.10",
-        "@heroicons/react": "^2.0.15",
+        "@headlessui/react": "^1.7.17",
+        "@heroicons/react": "^2.1.1",
         "@reach/auto-id": "^0.18.0",
-        "@reach/dialog": "^0.16.2",
-        "@reach/tabs": "^0.16.1",
-        "@reach/visually-hidden": "^0.16.0",
-        "@sentry/react": "^7.37.1",
-        "@tailwindcss/typography": "^0.5.9",
-        "@types/draftjs-to-html": "^0.8.1",
-        "@types/lodash": "^4.14.191",
-        "clsx": "^1.2.1",
-        "date-fns": "^2.29.3",
-        "dayjs": "^1.11.7",
+        "@reach/dialog": "^0.18.0",
+        "@reach/tabs": "^0.18.0",
+        "@reach/visually-hidden": "^0.18.0",
+        "@sentry/react": "^7.92.0",
+        "@tailwindcss/typography": "^0.5.10",
+        "clsx": "^2.1.0",
+        "date-fns": "^3.1.0",
+        "dayjs": "^1.11.10",
         "draft-js": "^0.11.7",
         "draftjs-to-html": "^0.9.1",
-        "framer-motion": "^3.7.0",
-        "js-cookie": "^3.0.1",
+        "framer-motion": "^10.17.9",
+        "js-cookie": "^3.0.5",
         "lodash": "^4.17.20",
         "react": "^18.2.0",
-        "react-datepicker": "^3.5.0",
+        "react-datepicker": "^4.25.0",
         "react-dom": "^18.2.0",
         "react-draft": "^0.0.0",
         "react-draft-wysiwyg": "^1.15.0",
-        "react-hook-form": "^7.43.1",
+        "react-hook-form": "^7.49.2",
         "react-remark": "^2.1.0",
-        "react-router-dom": "^6.8.1",
-        "react-toastify": "^7.0.3",
-        "styled-components": "^5.3.6",
-        "swr": "^2.0.3",
+        "react-router-dom": "^6.21.1",
+        "react-toastify": "^9.1.3",
+        "styled-components": "^6.1.6",
+        "swr": "^2.2.4",
         "tailwind-styled-components": "^2.2.0",
-        "tailwindcss": "^3.2.6",
-        "tus-js-client": "^2.3.0"
+        "tailwindcss": "^3.4.1",
+        "tus-js-client": "^4.0.1"
     },
     "resolutions": {
         "styled-components": "^5"

src/components/Input/Input.tsx

@@ -1,6 +1,6 @@
 import React, { forwardRef } from "react";
 import { useId } from "@reach/auto-id";
-import VisuallyHidden from "@reach/visually-hidden";
+import { VisuallyHidden } from "@reach/visually-hidden";
 import styled from "styled-components";
 
 interface IProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> {

src/features/competitionAdmin/competitionAdmin.routes.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Outlet, RouteObject } from "react-router-dom";
+import { Outlet, type RouteObject } from "react-router-dom";
 import { ProtectedRoute } from "../../components/ProtectedRoute";
 import CompetitionAdminCreate from "./views/CompetitionAdminCreate";
 import CompetitionAdminDetails from "./views/CompetitionAdminDetails";

src/features/competitionAdmin/views/CompetitionAdminEntry.tsx

@@ -4,8 +4,8 @@ import useSWR from "swr";
 import styled from "styled-components";
 import { useForm } from "react-hook-form";
 import { toast } from "react-toastify";
-import Dialog from "@reach/dialog";
-import VisuallyHidden from "@reach/visually-hidden";
+import { Dialog } from "@reach/dialog";
+import { VisuallyHidden } from "@reach/visually-hidden";
 import type { ICompetition, IEntry, IFile } from "@features/competitions/competition";
 import { PrimaryButton, SecondaryButton } from "@components/Button";
 import { httpGet, httpPatch } from "@utils/fetcher";

tsconfig.json

@@ -19,7 +19,7 @@
         "forceConsistentCasingInFileNames": true,
         "resolveJsonModule": true,
         "allowSyntheticDefaultImports": true,
-        "importsNotUsedAsValues": "error",
+        "verbatimModuleSyntax": true,
         "paths": {
             "@*": [
                 "./src/*"