Upgrading to React 19.

package.json

@@ -65,24 +65,24 @@
     "pretty-ms": "^9.2.0",
     "prismjs": "^1.29.0",
     "prop-types": "^15.8.1",
-    "react": "^18.3.1",
+    "react": "^19.0.0",
     "react-ace": "^13.0.0",
     "react-bootstrap": "2.10.8",
     "react-collapse": "^5.1.1",
     "react-copy-to-clipboard": "^5.1.0",
     "react-datetime": "^3.3.1",
     "react-diff-viewer": "^3.1.1",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.0.0",
     "react-dropzone": "^14.3.5",
     "react-height": "^3.0.2",
     "react-helmet": "^6.1.0",
     "react-immutable-proptypes": "^2.2.0",
-    "react-intl": "6.8.9",
+    "react-intl": "7.1.4",
     "react-motion": "^0.5.2",
     "react-qr-code": "^2.0.15",
     "react-redux": "^9.2.0",
-    "react-router": "^6.28.2",
-    "react-router-dom": "^6.28.2",
+    "react-router": "^7.1.3",
+    "react-router-dom": "^7.1.3",
     "react-syntax-highlighter": "^15.6.1",
     "react-toggle": "4.1.3",
     "redux": "^5.0.1",

src/client.js

@@ -36,24 +36,6 @@ import 'ace-builds/src-noconflict/mode-scala.js';
 import 'ace-builds/src-noconflict/mode-typescript.js';
 import 'ace-builds/src-noconflict/keybinding-vim.js';
 
-/*
- * This is an ugly hack that deals with deprecated warnings generated in console log by obsolete
- * Overlay and OverlayTrigger components.
- * TODO FIXME: Remove after upgrading to react-bootstrap 2.0 and AdminLTE 4 (hopefully, the warnings will disapear).
- */
-// const consoleError = console.error; // eslint-disable-line no-console
-// console.error /* eslint-disable-line no-console */ = (msg, ...rest) => {
-//   if (typeof msg === 'string') {
-//     if (msg.startsWith('Warning: findDOMNode is deprecated and will be removed in the next major release.')) {
-//       return;
-//     }
-//     if (msg.includes('Support for defaultProps will be removed')) {
-//       return;
-//     }
-//   }
-//   consoleError(msg, ...rest);
-// };
-
 // override of worker paths, so they load properly
 const ACE_CDN_PREFIX = 'https://cdn.jsdelivr.net/npm/ace-builds@1.4.12/src-noconflict/';
 ace.config.set('basePath', ACE_CDN_PREFIX);

src/components/layout/Footer/Footer.js

@@ -10,9 +10,9 @@ const Footer = ({ version }) => (
         defaultMessage="<strong>Version</strong> {version} (<a>changelog</a>)"
         values={{
           version,
-          strong: text => <strong>{text}</strong>,
+          strong: text => <strong key="version">{text}</strong>,
           a: caption => (
-            <a href="https://github.com/ReCodEx/wiki/wiki/Changelog" target="_blank" rel="noreferrer">
+            <a key="link" href="https://github.com/ReCodEx/wiki/wiki/Changelog" target="_blank" rel="noreferrer">
               {caption}
             </a>
           ),
@@ -24,7 +24,7 @@ const Footer = ({ version }) => (
       defaultMessage="Copyright © 2016-{year} <a>ReCodEx</a>. All rights reserved."
       values={{
         a: caption => (
-          <a href="http://github.com/recodex" target="_blank" rel="noreferrer">
+          <a key="link" href="http://github.com/recodex" target="_blank" rel="noreferrer">
             {caption}
           </a>
         ),

src/locales/cs.json

@@ -2197,4 +2197,4 @@
   "recodex-judge-shuffle-all": "Sudí neuspořádaných tokenů a řádků",
   "recodex-judge-shuffle-newline": "Sudí neuspořádaných tokenů (ignorující konce řádků)",
   "recodex-judge-shuffle-rows": "Sudí neuspořádaných řádků"
-}
+}