no log: Bumped react to 19 (#2824)

morpheus65535 · Jan 14, 2025 · d572ab7 · d572ab7
1 parent 5fa64c6
commit d572ab7
Show file tree

Hide file tree

Showing 8 changed files with 242 additions and 205 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -13,18 +13,18 @@
   },
   "private": true,
   "dependencies": {
-    "@mantine/core": "^7.14.3",
-    "@mantine/dropzone": "^7.14.3",
-    "@mantine/form": "^7.14.3",
-    "@mantine/hooks": "^7.14.3",
-    "@mantine/modals": "^7.14.3",
-    "@mantine/notifications": "^7.14.3",
-    "@tanstack/react-query": "^5.40.1",
+    "@mantine/core": "^7.15.3",
+    "@mantine/dropzone": "^7.15.3",
+    "@mantine/form": "^7.15.3",
+    "@mantine/hooks": "^7.15.3",
+    "@mantine/modals": "^7.15.3",
+    "@mantine/notifications": "^7.15.3",
+    "@tanstack/react-query": "^5.64.1",
     "@tanstack/react-table": "^8.19.2",
     "axios": "^1.7.4",
     "braces": "^3.0.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-router": "^7.1.1",
     "socket.io-client": "^4.7.5"
   },
@@ -37,13 +37,13 @@
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@tanstack/react-query-devtools": "^5.40.1",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^15.0.5",
+    "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.12",
     "@types/lodash": "^4.17.1",
     "@types/node": "^20.12.6",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^19.0.6",
+    "@types/react-dom": "^19.0.3",
     "@typescript-eslint/eslint-plugin": "^7.16.0",
     "@typescript-eslint/parser": "^7.16.0",
     "@vite-pwa/assets-generator": "^0.2.4",
@@ -64,7 +64,7 @@
     "prettier": "^3.2.5",
     "prettier-plugin-organize-imports": "^3.2.4",
     "pretty-quick": "^4.0.0",
-    "recharts": "^2.12.7",
+    "recharts": "^2.15.0",
     "sass": "^1.74.1",
     "typescript": "^5.4.4",
     "vite": "^5.4.8",

diff --git a/frontend/src/components/toolbox/Button.tsx b/frontend/src/components/toolbox/Button.tsx
@@ -1,6 +1,7 @@
 import {
   ComponentProps,
   FunctionComponent,
+  JSX,
   PropsWithChildren,
   useCallback,
   useState,

diff --git a/frontend/src/pages/Settings/Providers/components.tsx b/frontend/src/pages/Settings/Providers/components.tsx
@@ -1,6 +1,7 @@
 import {
   Fragment,
   FunctionComponent,
+  JSX,
   useCallback,
   useMemo,
   useRef,

diff --git a/frontend/src/pages/System/Announcements/table.tsx b/frontend/src/pages/System/Announcements/table.tsx
@@ -1,4 +1,4 @@
-import { FunctionComponent, useMemo } from "react";
+import { FunctionComponent, JSX, useMemo } from "react";
 import { Anchor, Text } from "@mantine/core";
 import { faWindowClose } from "@fortawesome/free-solid-svg-icons";
 import { ColumnDef } from "@tanstack/react-table";

diff --git a/frontend/src/pages/System/Status/index.tsx b/frontend/src/pages/System/Status/index.tsx
@@ -1,5 +1,6 @@
 import {
   FunctionComponent,
+  JSX,
   PropsWithChildren,
   ReactNode,
   useCallback,

diff --git a/frontend/src/utilities/hooks.ts b/frontend/src/utilities/hooks.ts
@@ -111,7 +111,7 @@ export function useThrottle<F extends GenericFunction>(fn: F, ms: number) {
   const fnRef = useRef(fn);
   fnRef.current = fn;
 
-  const timer = useRef<number>();
+  const timer = useRef<number>(undefined);
 
   return useCallback(
     (...args: Parameters<F>) => {
@@ -153,7 +153,7 @@ export function useOnValueChange<T>(value: T, onChange: (value: T) => void) {
 
 // Mantine's useInterval has some weird issues. This is a workaround.
 export function useInterval(fn: VoidFunction, ms: number) {
-  const timer = useRef<number>();
+  const timer = useRef<number>(undefined);
 
   useEffect(() => {
     timer.current = window.setInterval(fn, ms);

diff --git a/frontend/src/utilities/validate.ts b/frontend/src/utilities/validate.ts
@@ -1,10 +1,3 @@
-import { ReactText } from "react";
-import { isNumber, isString } from "lodash";
-
-export function isReactText(v: unknown): v is ReactText {
-  return isString(v) || isNumber(v);
-}
-
 export function isMovie(v: object): v is Item.Movie {
   return "radarrId" in v;
 }