Merge pull request #1128 from Arnei/update-react-19

Update React to major version 19
opencast · Feb 26, 2025 · 8e5d5c4 · 8e5d5c4
2 parents 2915944 + 18a9386
commit 8e5d5c4
Show file tree

Hide file tree

Showing 12 changed files with 45 additions and 46 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,10 +25,10 @@
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "moment-timezone": "^0.5.47",
-    "react": "^18.3.1",
+    "react": "^19.0.0",
     "react-chartjs-2": "^5.3.0",
     "react-datepicker": "^8.0.0",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.0.0",
     "react-hotkeys-hook": "^4.6.1",
     "react-i18next": "^15.4.0",
     "react-icons": "^5.4.0",
@@ -66,7 +66,7 @@
     "@redux-devtools/extension": "^3.3.0",
     "@types/lodash": "^4.17.15",
     "@types/node": "^22.13.0",
-    "@types/react-dom": "^18.3.0",
+    "@types/react-dom": "^19.0.0",
     "@types/uuid": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^7.14.1",
     "@vitejs/plugin-react-swc": "^3.7.2",

diff --git a/src/components/events/partials/modals/SeriesDetailsModal.tsx b/src/components/events/partials/modals/SeriesDetailsModal.tsx
@@ -15,7 +15,7 @@ const SeriesDetailsModal = ({
 }: {
 	seriesTitle: string
 	seriesId: string
-	modalRef: React.RefObject<ModalHandle>
+	modalRef: React.RefObject<ModalHandle | null>
 }) => {
 	const { t } = useTranslation();
 	const dispatch = useAppDispatch();

diff --git a/src/components/recordings/partials/modal/RecordingDetailsModal.tsx b/src/components/recordings/partials/modal/RecordingDetailsModal.tsx
@@ -11,7 +11,7 @@ const RecordingDetailsModal = ({
 	modalRef,
 }: {
 	recordingId: string,
-	modalRef: React.RefObject<ModalHandle>
+	modalRef: React.RefObject<ModalHandle | null>
 }) => {
 	const { t } = useTranslation();
 

diff --git a/src/components/shared/ConfirmModal.tsx b/src/components/shared/ConfirmModal.tsx
@@ -25,7 +25,7 @@ const ConfirmModal = <T,>({
 	showCautionMessage?: boolean,
 	deleteNotAllowedMessage?: string,
 	deleteWithCautionMessage?: string,
-	modalRef: React.RefObject<ModalHandle>
+	modalRef: React.RefObject<ModalHandle | null>
 }) => {
 	const { t } = useTranslation();
 

diff --git a/src/components/shared/EditTableViewModal.tsx b/src/components/shared/EditTableViewModal.tsx
@@ -20,7 +20,7 @@ const EditTableViewModal = ({
 	modalRef,
 }: {
 	close: () => void,
-	modalRef: React.RefObject<ModalHandle>
+	modalRef: React.RefObject<ModalHandle | null>
 }) => {
 	const { t } = useTranslation();
 

diff --git a/src/components/shared/HotKeyCheatSheet.tsx b/src/components/shared/HotKeyCheatSheet.tsx
@@ -11,7 +11,7 @@ import { Modal, ModalHandle } from "./modals/Modal";
 const HotKeyCheatSheet = ({
 	modalRef,
 }: {
-	modalRef: React.RefObject<ModalHandle>
+	modalRef: React.RefObject<ModalHandle | null>
 }) => {
 	const { t } = useTranslation();
 	const { hotkeys } = useHotkeysContext();

diff --git a/src/components/shared/NewResourceModal.tsx b/src/components/shared/NewResourceModal.tsx
@@ -20,7 +20,7 @@ const NewResourceModal = ({
 }: {
 	handleClose: () => void,
 	resource: "events" | "series" | "user" | "group" | "acl" | "themes"
-	modalRef: React.RefObject<ModalHandle>
+	modalRef: React.RefObject<ModalHandle | null>
 }) => {
 	const { t } = useTranslation();
 

diff --git a/src/components/shared/RegistrationModal.tsx b/src/components/shared/RegistrationModal.tsx
@@ -21,7 +21,7 @@ import { Modal, ModalHandle } from "./modals/Modal";
 const RegistrationModal = ({
 	modalRef
 }: {
-	modalRef: React.RefObject<ModalHandle>
+	modalRef: React.RefObject<ModalHandle | null>
 }) => {
 	const { t } = useTranslation();
 

diff --git a/src/components/shared/Table.tsx b/src/components/shared/Table.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from "react";
+import React, { JSX, useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import {
 	getPageOffset,

diff --git a/src/components/users/partials/modal/GroupDetailsModal.tsx b/src/components/users/partials/modal/GroupDetailsModal.tsx
@@ -13,7 +13,7 @@ const GroupDetailsModal = ({
 }: {
 	close: () => void,
 	groupName: string,
-	modalRef: React.RefObject<ModalHandle>
+	modalRef: React.RefObject<ModalHandle | null>
 }) => {
 	const { t } = useTranslation();
 

diff --git a/src/hooks/wizardHooks.ts b/src/hooks/wizardHooks.ts
@@ -99,7 +99,7 @@ export const useSelectionChanges = <T extends RequiredFormProps>(
 };
 
 export const useClickOutsideField = (
-	childRef: React.RefObject<HTMLDivElement>,
+	childRef: React.RefObject<HTMLDivElement | null>,
 	isFirstField?: boolean,
 ) => {
 	// Indicator if currently edit mode is activated