diff --git a/package-lock.json b/package-lock.json
index d8b43b190f..72f85d4c04 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,7 +36,7 @@
         "react-chartjs-2": "^5.2.0",
         "react-datepicker": "^4.25.0",
         "react-dom": "^17.0.2",
-        "react-hotkeys": "^2.0.0",
+        "react-hotkeys-hook": "^4.4.4",
         "react-i18next": "^14.0.1",
         "react-icons": "^5.2.1",
         "react-redux": "^7.2.9",
@@ -19212,15 +19212,13 @@
       "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.4.tgz",
       "integrity": "sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw=="
     },
-    "node_modules/react-hotkeys": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/react-hotkeys/-/react-hotkeys-2.0.0.tgz",
-      "integrity": "sha512-3n3OU8vLX/pfcJrR3xJ1zlww6KS1kEJt0Whxc4FiGV+MJrQ1mYSYI3qS/11d2MJDFm8IhOXMTFQirfu6AVOF6Q==",
-      "dependencies": {
-        "prop-types": "^15.6.1"
-      },
+    "node_modules/react-hotkeys-hook": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/react-hotkeys-hook/-/react-hotkeys-hook-4.5.0.tgz",
+      "integrity": "sha512-Samb85GSgAWFQNvVt3PS90LPPGSf9mkH/r4au81ZP1yOIFayLC3QAvqTgGtJ8YEDMXtPmaVBs6NgipHO6h4Mug==",
       "peerDependencies": {
-        "react": ">= 0.14.0"
+        "react": ">=16.8.1",
+        "react-dom": ">=16.8.1"
       }
     },
     "node_modules/react-i18next": {
diff --git a/package.json b/package.json
index 5091828d17..fc8365f5d2 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "react-chartjs-2": "^5.2.0",
     "react-datepicker": "^4.25.0",
     "react-dom": "^17.0.2",
-    "react-hotkeys": "^2.0.0",
+    "react-hotkeys-hook": "^4.4.4",
     "react-i18next": "^14.0.1",
     "react-icons": "^5.2.1",
     "react-redux": "^7.2.9",
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index fac80f28e0..97bb147f20 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -6,7 +6,6 @@ import i18n from "../i18n/i18n";
 import languages from "../i18n/languages";
 // @ts-expect-error TS(2307): Cannot find module '../img/opencast-white.svg' or ... Remove this comment to see the full error message
 import opencastLogo from "../img/opencast-white.svg";
-import { GlobalHotKeys } from "react-hotkeys";
 import { setSpecificServiceFilter } from "../thunks/tableFilterThunks";
 import { loadServicesIntoTable } from "../thunks/tableThunks";
 import { getErrorCount, getHealthStatus } from "../selectors/healthSelectors";
@@ -20,6 +19,7 @@ import { getCurrentLanguageInformation, hasAccess } from "../utils/utils";
 import { overflowStyle } from "../utils/componentStyles";
 import RegistrationModal from "./shared/RegistrationModal";
 import HotKeyCheatSheet from "./shared/HotKeyCheatSheet";
+import { useHotkeys } from "react-hotkeys-hook";
 import { useAppDispatch, useAppSelector } from "../store";
 import { HealthStatus, fetchHealthStatus } from "../slices/healthSlice";
 import { UserInfoState } from "../slices/userInfoSlice";
@@ -100,10 +100,19 @@ const Header = ({
 		setHotKeyCheatSheet(false);
 	};
 
-	const hotKeyHandlers = {
-		HOTKEY_CHEATSHEET: showHotKeyCheatSheet,
+	const toggleHotKeyCheatSheet = () => {
+		setHotKeyCheatSheet(!displayHotKeyCheatSheet);
 	};
 
+	useHotkeys(
+    availableHotkeys.general.HOTKEY_CHEATSHEET.sequence,
+    () => toggleHotKeyCheatSheet(),
+		{
+			description: t(availableHotkeys.general.HOTKEY_CHEATSHEET.description) ?? undefined
+		},
+    [toggleHotKeyCheatSheet]
+  );
+
 	useEffect(() => {
 		// Function for handling clicks outside of an open dropdown menu
 		const handleClickOutside = (e: MouseEvent) => {
@@ -143,11 +152,6 @@ const Header = ({
 
 	return (
 		<>
-			<GlobalHotKeys
-// @ts-expect-error TS(2769): No overload matches this call.
-				keyMap={availableHotkeys.general}
-				handlers={hotKeyHandlers}
-			/>
 			<header className="primary-header">
 				{/* Opencast logo in upper left corner */}
 				<div className="header-branding">
diff --git a/src/components/events/Events.tsx b/src/components/events/Events.tsx
index 4293543fe3..2d9d60b00a 100644
--- a/src/components/events/Events.tsx
+++ b/src/components/events/Events.tsx
@@ -31,7 +31,7 @@ import Header from "../Header";
 import Footer from "../Footer";
 import { getUserInformation } from "../../selectors/userInfoSelectors";
 import { hasAccess } from "../../utils/utils";
-import { GlobalHotKeys } from "react-hotkeys";
+import { useHotkeys } from "react-hotkeys-hook";
 import { availableHotkeys } from "../../configs/hotkeysConfig";
 import { getCurrentFilterResource } from "../../selectors/tableFilterSelectors";
 import { fetchAssetUploadOptions } from "../../thunks/assetsThunks";
@@ -186,17 +186,17 @@ const Events = ({
 		setEditMetadataEventsModal(false);
 	};
 
-	const hotKeyHandlers = {
-		NEW_EVENT: showNewEventModal,
-	};
+	useHotkeys(
+    availableHotkeys.general.NEW_EVENT.sequence,
+    () => showNewEventModal(),
+		{
+			description: t(availableHotkeys.general.NEW_EVENT.description) ?? undefined
+		},
+    [showNewEventModal]
+  );
 
 	return (
 		<>
-			<GlobalHotKeys
-// @ts-expect-error TS(2769): No overload matches this call.
-				keyMap={availableHotkeys.general}
-				handlers={hotKeyHandlers}
-			/>
 			<Header />
 			<section className="action-nav-bar">
 				<div className="btn-group">
diff --git a/src/components/events/Series.tsx b/src/components/events/Series.tsx
index bdadb37390..58149d934c 100644
--- a/src/components/events/Series.tsx
+++ b/src/components/events/Series.tsx
@@ -24,8 +24,8 @@ import Footer from "../Footer";
 import { getUserInformation } from "../../selectors/userInfoSelectors";
 import { hasAccess } from "../../utils/utils";
 import { availableHotkeys } from "../../configs/hotkeysConfig";
-import { GlobalHotKeys } from "react-hotkeys";
 import { getCurrentFilterResource } from "../../selectors/tableFilterSelectors";
+import { useHotkeys } from "react-hotkeys-hook";
 import { useAppDispatch, useAppSelector } from "../../store";
 import { fetchEvents } from "../../slices/eventSlice";
 import {
@@ -158,17 +158,15 @@ const Series = ({
 		setDeleteSeriesModal(false);
 	};
 
-	const hotKeyHandlers = {
-		NEW_SERIES: showNewSeriesModal,
-	};
+	useHotkeys(
+    availableHotkeys.general.NEW_SERIES.sequence,
+    () => showNewSeriesModal(),
+		{ description: t(availableHotkeys.general.NEW_SERIES.description) ?? undefined },
+    [showNewSeriesModal]
+  );
 
 	return (
 		<>
-			<GlobalHotKeys
-// @ts-expect-error TS(2769): No overload matches this call.
-				keyMap={availableHotkeys.general}
-				handlers={hotKeyHandlers}
-			/>
 			<Header />
 			<section className="action-nav-bar">
 				<div className="btn-group">
diff --git a/src/components/shared/HotKeyCheatSheet.tsx b/src/components/shared/HotKeyCheatSheet.tsx
index 1594b2d8f8..23110da2b8 100644
--- a/src/components/shared/HotKeyCheatSheet.tsx
+++ b/src/components/shared/HotKeyCheatSheet.tsx
@@ -1,19 +1,37 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { availableHotkeys } from "../../configs/hotkeysConfig";
+import { useHotkeysContext } from "react-hotkeys-hook";
+import { Hotkey } from "react-hotkeys-hook/dist/types";
 
 /**
  * This component renders the hotkey cheat sheet showing all available hotkeys
  */
-const HotKeyCheatSheet = ({
-    close
-}: any) => {
+const HotKeyCheatSheet: React.FC<{
+	close: () => void,
+}> = ({
+	close
+}) => {
 	const { t } = useTranslation();
 
 	const handleClose = () => {
 		close();
 	};
 
+	const { hotkeys } = useHotkeysContext();
+
+	const checkHotkeys = (hotkeys: readonly Hotkey[], searchkeys: string[]) => {
+		for (const hotkey of hotkeys) {
+			if (!hotkey.keys) { continue; }
+			if (hotkey.keys.length !== searchkeys.length) { continue; }
+			if (hotkey.keys.every((element, index) => element === searchkeys[index])) {
+				return true;
+			}
+		}
+
+		return false;
+	}
+
 	return (
 		<>
 			<div className="modal-animation modal-overlay" />
@@ -38,21 +56,18 @@ const HotKeyCheatSheet = ({
 									<table className="main-tbl">
 										<tbody>
 											{/* Repeat row for each hotkey in group*/}
-{/* @ts-expect-error TS(7053): Element implicitly has an 'any' type because expre... Remove this comment to see the full error message */}
 											{Object.keys(availableHotkeys[hotkeyGroup]).map(
 												(hotkey, key) => (
-													<tr key={key}>
+													<tr key={key} style={{ opacity: !(hotkeys && checkHotkeys(hotkeys, availableHotkeys[hotkeyGroup][hotkey].sequence)) ? "50%" : "100%"}}>
 														<td className="hotkey">
 															<p className="combo">
 																<span className="chord">
 																	{/* repeat for each key in hotkey */}
-{/* @ts-expect-error TS(7053): Element implicitly has an 'any' type because expre... Remove this comment to see the full error message */}
 																	{availableHotkeys[hotkeyGroup][
 																		hotkey
-// @ts-expect-error TS(7006): Parameter 'comboKey' implicitly has an 'any' type.
-																	].combo.map((comboKey, key) => (
-																		<>
-																			<span key={key}>
+																	].sequence.map((comboKey, key) => (
+																		<span key={key}>
+																			<span>
 																				<span className="key">
 																					{t(
 																						"HOTKEYS.KEYS." +
@@ -62,23 +77,20 @@ const HotKeyCheatSheet = ({
 																				</span>
 																			</span>
 																			{comboKey ===
-// @ts-expect-error TS(7053): Element implicitly has an 'any' type because expre... Remove this comment to see the full error message
 																			availableHotkeys[hotkeyGroup][hotkey]
-																				.combo[
-// @ts-expect-error TS(7053): Element implicitly has an 'any' type because expre... Remove this comment to see the full error message
+																				.sequence[
 																				availableHotkeys[hotkeyGroup][hotkey]
-																					.combo.length - 1
+																					.sequence.length - 1
 																			]
 																				? ""
 																				: " + "}
-																		</>
+																		</span>
 																	))}
 																</span>
 															</p>
 														</td>
 														<td>
 															{t(
-// @ts-expect-error TS(7053): Element implicitly has an 'any' type because expre... Remove this comment to see the full error message
 																availableHotkeys[hotkeyGroup][hotkey]
 																	.description
 															)}
diff --git a/src/components/shared/MainNav.tsx b/src/components/shared/MainNav.tsx
index 6735f83b00..93ffee601d 100644
--- a/src/components/shared/MainNav.tsx
+++ b/src/components/shared/MainNav.tsx
@@ -21,7 +21,7 @@ import { getUserInformation } from "../../selectors/userInfoSelectors";
 import { hasAccess } from "../../utils/utils";
 import { fetchServices } from "../../slices/serviceSlice";
 import { fetchGroups } from "../../slices/groupSlice";
-import { GlobalHotKeys } from "react-hotkeys";
+import { useHotkeys } from "react-hotkeys-hook";
 import { availableHotkeys } from "../../configs/hotkeysConfig";
 import { fetchAcls } from "../../slices/aclSlice";
 import { useAppDispatch, useAppSelector } from "../../store";
@@ -206,26 +206,29 @@ const MainNav = ({
 		loadingThemesIntoTable();
 	};
 
-	const hotkeyLoadEvents = () => {
-		navigate("/events/events");
-	};
-
-	const hotkeyLoadSeries = () => {
-		navigate("/events/series");
-	};
+	useHotkeys(
+    availableHotkeys.general.EVENT_VIEW.sequence,
+    () => navigate("/events/events"),
+		{ description: t(availableHotkeys.general.EVENT_VIEW.description) ?? undefined },
+    []
+  );
+
+	useHotkeys(
+    availableHotkeys.general.SERIES_VIEW.sequence,
+    () => navigate("/events/series"),
+		{ description: t(availableHotkeys.general.SERIES_VIEW.description) ?? undefined },
+    []
+  );
+
+	useHotkeys(
+    availableHotkeys.general.MAIN_MENU.sequence,
+    () => toggleMenu(),
+		{ description: t(availableHotkeys.general.MAIN_MENU.description) ?? undefined },
+    [toggleMenu]
+  );
 
-	const hotKeyHandlers = {
-		EVENT_VIEW: hotkeyLoadEvents,
-		SERIES_VIEW: hotkeyLoadSeries,
-		MAIN_MENU: toggleMenu,
-	};
 	return (
 		<>
-			<GlobalHotKeys
-// @ts-expect-error TS(2769): No overload matches this call.
-				keyMap={availableHotkeys.general}
-				handlers={hotKeyHandlers}
-			/>
 			<div className="menu-top" onClick={() => toggleMenu()}>
 				{isOpen && (
 					<nav id="roll-up-menu">
diff --git a/src/components/shared/TableFilters.tsx b/src/components/shared/TableFilters.tsx
index 63c3784c4f..5e56329fbd 100644
--- a/src/components/shared/TableFilters.tsx
+++ b/src/components/shared/TableFilters.tsx
@@ -21,10 +21,9 @@ import {
 } from "../../actions/tableFilterActions";
 import TableFilterProfiles from "./TableFilterProfiles";
 import { availableHotkeys } from "../../configs/hotkeysConfig";
-import { GlobalHotKeys } from "react-hotkeys";
 import { getResourceType } from "../../selectors/tableSelectors";
 import { fetchFilters } from "../../thunks/tableFilterThunks";
-import { parseISO } from "date-fns";
+import { useHotkeys } from "react-hotkeys-hook";
 import moment from "moment";
 
 /**
@@ -197,9 +196,12 @@ const TableFilters = ({
 		}
 	}
 
-	const hotKeyHandlers = {
-		REMOVE_FILTERS: removeFilters,
-	};
+	useHotkeys(
+    availableHotkeys.general.REMOVE_FILTERS.sequence,
+    () => removeFilters(),
+		{ description: t(availableHotkeys.general.REMOVE_FILTERS.description) ?? undefined },
+    [removeFilters]
+  );
 
 // @ts-expect-error TS(7006): Parameter 'filter' implicitly has an 'any' type.
 	const renderBlueBox = (filter) => {
@@ -218,11 +220,6 @@ const TableFilters = ({
 
 	return (
 		<>
-			<GlobalHotKeys
-// @ts-expect-error TS(2769): No overload matches this call.
-				keyMap={availableHotkeys.general}
-				handlers={hotKeyHandlers}
-			/>
 			<div className="filters-container">
 				{/* Text filter - Search Query */}
 				<input
diff --git a/src/configs/hotkeysConfig.ts b/src/configs/hotkeysConfig.ts
index d9d8b4e157..fce3b08684 100644
--- a/src/configs/hotkeysConfig.ts
+++ b/src/configs/hotkeysConfig.ts
@@ -1,53 +1,45 @@
 // keymap containing information about available hotkeys
-export const availableHotkeys = {
+type HotkeyMapType = {
+	[key: string]: {
+		[key: string]: {
+			name: string,
+			description: string,
+			sequence: string[],
+		}
+	}
+}
+
+export const availableHotkeys: HotkeyMapType = {
 	general: {
 		HOTKEY_CHEATSHEET: {
 			name: "hotkey_cheatsheet",
 			description: "HOTKEYS.DESCRIPTIONS.GENERAL.CHEAT_SHEET",
-			combo: ["h"],
-			sequence: "h",
-			action: "keyup",
-			allowIn: ["INPUT", "SELECT", "TEXTAREA"],
+			sequence: ["h"],
 		},
 		EVENT_VIEW: {
 			name: "event_view",
 			description: "HOTKEYS.DESCRIPTIONS.GENERAL.EVENT_VIEW",
-			combo: ["e"],
-			sequence: "e",
-			action: "keyup",
-			allowIn: ["INPUT", "SELECT", "TEXTAREA"],
+			sequence: ["e"],
 		},
 		SERIES_VIEW: {
 			name: "series_view",
 			description: "HOTKEYS.DESCRIPTIONS.GENERAL.SERIES_VIEW",
-			combo: ["s"],
-			sequence: "s",
-			action: "keyup",
-			allowIn: ["INPUT", "SELECT", "TEXTAREA"],
+			sequence: ["s"],
 		},
 		NEW_EVENT: {
 			name: "new_event",
 			description: "HOTKEYS.DESCRIPTIONS.GENERAL.NEW_EVENT",
-			combo: ["n"],
-			sequence: "n",
-			action: "keyup",
-			allowIn: ["INPUT", "SELECT", "TEXTAREA"],
+			sequence: ["n"],
 		},
 		NEW_SERIES: {
 			name: "new_series",
 			description: "HOTKEYS.DESCRIPTIONS.GENERAL.NEW_SERIES",
-			combo: ["N"],
-			sequence: "shift+n",
-			action: "keyup",
-			allowIn: ["INPUT", "SELECT", "TEXTAREA"],
+			sequence: ["j"],
 		},
 		MAIN_MENU: {
 			name: "main_menu",
 			description: "HOTKEYS.DESCRIPTIONS.GENERAL.MAIN_MENU",
-			combo: ["m"],
-			sequence: "m",
-			action: "keyup",
-			allowIn: ["INPUT", "SELECT", "TEXTAREA"],
+			sequence: ["m"],
 		},
 		/*NEXT_DASHBOARD_FILTER: {
             name: 'select_next_dashboard_filter',
@@ -68,10 +60,7 @@ export const availableHotkeys = {
 		REMOVE_FILTERS: {
 			name: "remove_filters",
 			description: "HOTKEYS.DESCRIPTIONS.GENERAL.REMOVE_FILTERS",
-			combo: ["r"],
-			sequence: "r",
-			action: "keyup",
-			allowIn: ["INPUT", "SELECT", "TEXTAREA"],
+			sequence: ["r"],
 		},
 	},
 };
diff --git a/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json b/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
index ab2db1d7b7..0537e3ddef 100644
--- a/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
+++ b/src/i18n/org/opencastproject/adminui/languages/lang-en_US.json
@@ -2040,12 +2040,36 @@
 			"END": "End",
 			"HOME": "Home",
 			"INS": "Ins",
-			"DEL": "Del"
+			"DEL": "Del",
+			"A": "a",
+			"B": "b",
+			"C": "c",
+			"D": "d",
+			"E": "e",
+			"F": "f",
+			"G": "g",
+			"H": "h",
+			"I": "i",
+			"J": "j",
+			"K": "k",
+			"L": "l",
+			"M": "m",
+			"N": "n",
+			"O": "o",
+			"P": "p",
+			"Q": "q",
+			"R": "r",
+			"S": "s",
+			"T": "t",
+			"U": "u",
+			"V": "v",
+			"W": "w",
+			"X": "x",
+			"Y": "y",
+			"Z": "z"
 		},
 		"GROUPS": {
-			"GENERAL": "General",
-			"PLAYER": "Player",
-			"EDITOR": "Editor"
+			"GENERAL": "General"
 		},
 		"DESCRIPTIONS": {
 			"GENERAL": {
@@ -2058,26 +2082,6 @@
 				"NEW_EVENT": "Add event",
 				"NEW_SERIES": "Add series",
 				"CHEAT_SHEET": "Keyboard shortcuts"
-			},
-			"PLAYER": {
-				"PLAY_PAUSE": "Play/pause",
-				"PREVIOUS_FRAME": "Previous frame",
-				"NEXT_FRAME": "Next frame",
-				"STEP_BACKWARD": "Jump 10s back",
-				"STEP_FORWARD": "Jump 10s forward",
-				"PREVIOUS_SEGMENT": "Previous segment/jump to start",
-				"NEXT_SEGMENT": "Next segment/jump to end",
-				"VOLUME_UP": "Volume up",
-				"VOLUME_DOWN": "Volume down",
-				"MUTE": "Mute/unmute"
-			},
-			"EDITOR": {
-				"SPLIT_AT_CURRENT_TIME": "Split",
-				"CUT_SELECTED_SEGMENT": "Cut",
-				"PLAY_CURRENT_SEGMENT": "Play current segment",
-				"CLEAR_LIST": "Clear segment",
-				"PLAY_CURRENT_SEGMENT_WITH_PRE-ROLL": "Replay segment with pre-roll",
-				"PLAY_ENDING_OF_CURRENT_SEGMENT": "End of segment"
 			}
 		}
 	},
diff --git a/src/index.tsx b/src/index.tsx
index edec7a52ac..5f89dffaa3 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -15,6 +15,7 @@ import "./i18n/i18n";
 // import css files for certain libraries
 import "font-awesome/css/font-awesome.min.css";
 import "react-datepicker/dist/react-datepicker.css";
+import { HotkeysProvider } from "react-hotkeys-hook";
 import { ThemeProvider } from "@mui/material";
 import { createTheme } from '@mui/material/styles';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
@@ -36,7 +37,9 @@ ReactDOM.render(
 			<PersistGate loading={<div>loading...</div>} persistor={persistor}>
 				<ThemeProvider theme={theme}>
 					<LocalizationProvider dateAdapter={AdapterDateFns} adapterLocale={getCurrentLanguageInformation()?.dateLocale}> {/*locale={getCurrentLanguageInformation()?.dateLocale}> */}
-						<App />
+						<HotkeysProvider>
+							<App />
+						</HotkeysProvider>
 					</LocalizationProvider>
 				</ThemeProvider>
 			</PersistGate>