Upgrade TypeScript and Node/Webpack types to fix CI gh-pages

gh-pages upgrade from previous commit required upgrading CI NodeJS version above v16, however doing so breaks some TypeScript types. Upgrade TS and Node/Webpack types to fix this

Author: D-Pow

package-lock.json

@@ -25,7 +25,7 @@
     "start:allowCorsAccess": "cross-env ALLOW_CORS_ACCESS=true npm start --",
     "mock": "cross-env MOCK=true npm start --",
     "mock:allowCorsAccess": "cross-env ALLOW_CORS_ACCESS=true npm run mock --",
-    "test": "jest",
+    "test": "jest --passWithNoTests",
     "lint": "eslint --ext $npm_package_config_eslintExtensions",
     "lint:all": "npm run lint -- .",
     "lint:fix": "npm run lint -- --fix",
@@ -85,12 +85,12 @@
     "@types/babel__core": "^7.1.19",
     "@types/jest": "^27.0.2",
     "@types/mkcert": "^1.2.0",
-    "@types/node": "^16.11.4",
+    "@types/node": "^22.13.8",
     "@types/react": "^18.0.8",
     "@types/react-dom": "^18.0.0",
     "@types/react-reconciler": "^0.26.6",
     "@types/svgo": "^2.6.3",
-    "@types/webpack": "^5.28.0",
+    "@types/webpack": "^5.28.5",
     "@types/webpack-dev-server": "^4.7.2",
     "@typescript-eslint/eslint-plugin": "^5.38.1",
     "@typescript-eslint/parser": "^5.38.1",
@@ -130,7 +130,7 @@
     "ts-loader": "^9.4.1",
     "ts-node": "^10.9.1",
     "tsconfig-paths": "^4.1.0",
-    "typescript": "^4.8.4",
+    "typescript": "^5.8.2",
     "webpack": "^5.67.0",
     "webpack-cli": "^4.9.2",
     "webpack-dev-server": "^4.7.3",

package.json

@@ -1,5 +1,6 @@
 import {
     memo,
+    type ReactNode,
     type Ref,
 } from 'react';
 
@@ -98,7 +99,7 @@ function ResourceViewer({
                     type={mimeType}
                 />
             )}
-            {children}
+            {children as unknown as ReactNode}
         </object>
     );
 }

src/components/ui/ResourceViewer/ResourceViewer.tsx

@@ -140,7 +140,7 @@ export async function blobToBase64(blob) {
  * byteArrayToHexString(myData, { hexPrefix: '0x', hexDelimiter: ' ' });
  * // Output: '0xAA 0xBB 0xCC'
  *
- * @param {ArrayBufferLike} uint8Array - Buffer to convert to a hex string.
+ * @param {Array | ArrayLike | ArrayBuffer | ArrayBufferLike} uint8Array - Buffer to convert to a hex string.
  * @param {Object} [options]
  * @param {string} [options.hexPrefix] - Prefix to add to each hex entry (e.g. `0x`, `%00`, etc.).
  * @param {string} [options.hexDelimiter] - Delimiter to use when joining all hex entries as a string (is not prepended to the first hex entry).