eslint and typescript upgrades

package.json

@@ -76,7 +76,7 @@
         "@types/debounce": "^1.2.0",
         "@types/events": "^3.0.0",
         "@types/jest": "^28.1.3",
-        "@types/node": "^14.11.10",
+        "@types/node": "^22.0.0",
         "@types/qrcode.react": "^1.0.1",
         "@types/react": "^16.14.0",
         "@types/react-copy-to-clipboard": "^4.3.0",
@@ -85,26 +85,26 @@
         "@types/react-router": "^5.1.3",
         "@types/react-router-dom": "^5.1.3",
         "@types/react-transition-group": "^4.4.0",
-        "@types/styled-components": "^5.1.7",
+        "@types/styled-components": "5.1.7",
         "@types/uuid": "^3.4.5",
         "@types/webpack-env": "^1.15.2",
         "@types/yup": "^0.29.3",
-        "@typescript-eslint/eslint-plugin": "^5.29.0",
-        "@typescript-eslint/parser": "^5.29.0",
+        "@typescript-eslint/eslint-plugin": "^5",
+        "@typescript-eslint/parser": "^5",
         "autoprefixer": "^10.4.7",
         "babel-jest": "^28.1.1",
         "babel-loader": "^8.2.5",
         "babel-plugin-styled-components": "^2.0.7",
         "cross-env": "^7.0.2",
         "css-loader": "^5.2.7",
-        "eslint": "^8.18.0",
-        "eslint-config-prettier": "^8.5.0",
+        "eslint": "^8",
+        "eslint-config-prettier": "^8",
         "eslint-plugin-jest-dom": "^4.0.2",
         "eslint-plugin-node": "^11.1.0",
-        "eslint-plugin-prettier": "^4.0.0",
-        "eslint-plugin-react": "^7.30.1",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "fork-ts-checker-webpack-plugin": "^6.2.10",
+        "eslint-plugin-prettier": "^4",
+        "eslint-plugin-react": "^7",
+        "eslint-plugin-react-hooks": "^4",
+        "fork-ts-checker-webpack-plugin": "^6",
         "identity-obj-proxy": "^3.0.0",
         "jest": "^28.1.1",
         "postcss": "^8.4.14",
@@ -121,7 +121,7 @@
         "ts-essentials": "^9.1.2",
         "ts-jest": "^28.0.5",
         "twin.macro": "^2.8.2",
-        "typescript": "^4.7.3",
+        "typescript": "~5.1.0",
         "webpack": "^4.43.0",
         "webpack-assets-manifest": "^3.1.1",
         "webpack-bundle-analyzer": "^3.8.0",

resources/scripts/components/elements/CopyOnClick.tsx

@@ -32,6 +32,7 @@ const CopyOnClick = ({ text, showInNotification = true, children }: CopyOnClickP
     const child = !text
         ? React.Children.only(children)
         : React.cloneElement(React.Children.only(children), {
+              // @ts-expect-error todo: check on this
               className: classNames(children.props.className || '', 'cursor-pointer'),
               onClick: (e: React.MouseEvent<HTMLElement>) => {
                   copy(String(text));