Merge branch 'dev' into dependabot/npm_and_yarn/npm_and_yarn-0d75c3b79c

Author: pradeeban

.eslintrc.js

@@ -1,5 +1,16 @@
 module.exports = {
-    parser: 'babel-eslint',
+    parser: '@babel/eslint-parser',
+    parserOptions: {
+        requireConfigFile: false, // allows using without a separate babel config
+        babelOptions: {
+            presets: ['@babel/preset-react'], // React JSX support
+        },
+        ecmaFeatures: {
+            jsx: true,
+        },
+        ecmaVersion: 12,
+        sourceType: 'module',
+    },
     env: {
         browser: true,
         es2021: true,
@@ -8,29 +19,13 @@ module.exports = {
         'plugin:react/recommended',
         'airbnb',
     ],
-    parserOptions: {
-        ecmaFeatures: {
-            jsx: true,
-        },
-        ecmaVersion: 12,
-        sourceType: 'module',
-    },
     plugins: [
         'react',
     ],
     rules: {
-        indent: [
-            'error',
-            4,
-        ],
-        'react/jsx-indent': [
-            'error',
-            4,
-        ],
-        'react/jsx-indent-props': [
-            'error',
-            4,
-        ],
+        indent: ['error', 4],
+        'react/jsx-indent': ['error', 4],
+        'react/jsx-indent-props': ['error', 4],
         'max-len': [
             'error',
             {
@@ -54,14 +49,9 @@ module.exports = {
     },
     overrides: [
         {
-            files: [
-                '*ML.js',
-            ],
+            files: ['*ML.js'],
             rules: {
-                indent: [
-                    'error',
-                    2,
-                ],
+                indent: ['error', 2],
             },
         },
     ],

craco.config.js

@@ -0,0 +1,31 @@
+const webpack = require('webpack');
+
+module.exports = {
+    webpack: {
+        configure: (webpackConfig) => {
+            const newConfig = { ...webpackConfig }; // copy the original config
+
+            newConfig.resolve = {
+                ...newConfig.resolve,
+                fallback: {
+                    ...newConfig.resolve.fallback,
+                    timers: require.resolve('timers-browserify'),
+                    util: require.resolve('util/'),
+                    stream: require.resolve('stream-browserify'),
+                    buffer: require.resolve('buffer/'),
+                    process: require.resolve('process/browser.js'),
+                },
+            };
+
+            newConfig.plugins = [
+                ...newConfig.plugins,
+                new webpack.ProvidePlugin({
+                    Buffer: ['buffer', 'Buffer'],
+                    process: 'process/browser.js',
+                }),
+            ];
+
+            return newConfig;
+        },
+    },
+};