chore: upgrade react-scripts (#3584)

argoproj · May 21, 2024 · 2e7cf69 · 2e7cf69
1 parent 125fc3d
commit 2e7cf69
Show file tree

Hide file tree

Showing 3 changed files with 5,951 additions and 4,830 deletions.
diff --git a/ui/package.json b/ui/package.json
@@ -58,22 +58,22 @@
         "@types/jest": "^29.5.10",
         "@types/node": "^12.0.0",
         "@types/react": "^16.9.3",
+        "@types/react-autocomplete": "^1.8.4",
         "@types/react-dom": "^16.9.3",
+        "@types/react-form": "^2.16.1",
         "@types/react-helmet": "^6.1.0",
         "@types/react-router-dom": "^5.1.7",
-        "@types/react-form": "^2.16.1",
         "@types/uuid": "^9.0.3",
-        "@types/react-autocomplete": "^1.8.4",
         "copy-webpack-plugin": "^6.3.2",
         "jest": "^29.7.0",
         "mini-css-extract-plugin": "^1.3.9",
         "raw-loader": "^4.0.2",
-        "react-scripts": "4.0.3",
+        "react-scripts": "5.0.1",
         "sass": "^1.32.8",
         "ts-jest": "^29.1.1",
         "ts-loader": "^8.0.17",
         "webpack-bundle-analyzer": "^4.4.0",
-        "webpack-cli": "^4.5.0",
+        "webpack-cli": "^5.1.4",
         "webpack-dev-server": "^3.11.2",
         "webpack-merge": "^5.7.3"
     },

diff --git a/ui/src/app/webpack.common.js b/ui/src/app/webpack.common.js
@@ -1,8 +1,8 @@
 'use strict;';
 
-const crypto = require("crypto");
+const crypto = require('crypto');
 const crypto_orig_createHash = crypto.createHash;
-crypto.createHash = algorithm => crypto_orig_createHash(algorithm == "md4" ? "sha256" : algorithm);
+crypto.createHash = (algorithm) => crypto_orig_createHash(algorithm == 'md4' ? 'sha256' : algorithm);
 
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
@@ -30,27 +30,24 @@ const config = {
         rules: [
             {
                 test: /\.tsx?$/,
-                loaders: [`ts-loader?allowTsInNodeModules=true&configFile=${path.resolve('./tsconfig.json')}`],
+                use: [`ts-loader?allowTsInNodeModules=true&configFile=${path.resolve('./tsconfig.json')}`],
             },
             {
                 test: /\.scss$/,
-                loader: 'style-loader!raw-loader!sass-loader',
+                use: ['style-loader', 'raw-loader', 'sass-loader'],
             },
             {
                 test: /\.css$/,
-                loader: 'style-loader!raw-loader',
+                use: ['style-loader', 'raw-loader'],
             },
             // https://github.com/fkhadra/react-toastify/issues/775#issuecomment-1149569290
             {
                 test: /\.mjs$/,
                 include: /node_modules/,
-                type: "javascript/auto"
+                type: 'javascript/auto',
             },
         ],
     },
-    node: {
-        fs: 'empty',
-    },
     plugins: [
         new webpack.DefinePlugin({
             SYSTEM_INFO: JSON.stringify({
@@ -63,7 +60,7 @@ const config = {
                 {from: 'src/assets', to: 'assets'},
                 {
                     from: 'node_modules/argo-ui/src/assets',
-                    to: 'assets'
+                    to: 'assets',
                 },
                 {
                     from: 'node_modules/@fortawesome/fontawesome-free/webfonts',