feat: Upgrades react-scripts to v5

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env", "@babel/preset-react"]
+}

.eslintrc.js

@@ -5,7 +5,7 @@ module.exports = {
     node: true,
   },
   extends: ['airbnb-base', 'plugin:react/recommended', 'plugin:prettier/recommended'],
-  parser: 'babel-eslint',
+  parser: '@babel/eslint-parser',
   parserOptions: {
     ecmaFeatures: {
       jsx: true,

config-overrides.js

@@ -0,0 +1,59 @@
+const path = require('path');
+
+/**
+ * Configures `react-app-rewired` with the necessary changes to make the app work in the browser
+ * environment. This is necessary since the upgrade to WebPack 5.
+ * @param config
+ * @returns {*}
+ */
+module.exports = function override(config) {
+  // Resolves the modules that are missing in the browser environment
+  config.resolve.fallback = {
+    ...config.resolve.fallback,
+    buffer: require.resolve('buffer'),
+    crypto: require.resolve('crypto-browserify'),
+    stream: require.resolve('stream-browserify'),
+    path: require.resolve('path-browserify'),
+    vm: require.resolve('vm-browserify'),
+    url: require.resolve('url'),
+    assert: require.resolve('assert'),
+    process: require.resolve('process/browser'),
+  };
+
+  config.resolve.alias = {
+    // Add an alias for our buffer shim
+    'buffer-shim': path.resolve(__dirname, 'src/buffer-shim.js'),
+  };
+
+  // Relaxing js/mjs extension resolve
+  config.module.rules.push({
+    test: /\.m?js/, // Apply this rule to .js and .mjs files
+    resolve: {
+      fullySpecified: false, // Allow resolving modules without fully specifying the file extension
+    },
+  });
+
+  // Solves process and buffer issues for WebPack
+  const webpack = require('webpack');
+  config.plugins = [
+    ...config.plugins,
+    new webpack.ProvidePlugin({
+      process: 'process/browser',
+      Buffer: ['buffer-shim', 'default'],
+    }),
+  ];
+
+  // Add Babel configuration
+  config.module.rules.push({
+    test: /\.(js|jsx)$/,
+    exclude: /node_modules/,
+    use: {
+      loader: 'babel-loader',
+      options: {
+        presets: ['@babel/preset-env', '@babel/preset-react'],
+      },
+    },
+  });
+
+  return config;
+};