a bit of eslint rules

webUI/react/.eslintrc.js

@@ -1,22 +1,33 @@
 module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: [
-    'plugin:react/recommended',
-    'airbnb',
-  ],
-  parserOptions: {
-    ecmaFeatures: {
-      jsx: true,
+    env: {
+        browser: true,
+        es2021: true,
+    },
+    extends: [
+        'plugin:react/recommended',
+        'airbnb',
+    ],
+    parserOptions: {
+        ecmaFeatures: {
+            jsx: true,
+        },
+        ecmaVersion: 12,
+        sourceType: 'module',
+    },
+    plugins: [
+        'react',
+    ],
+    rules: {
+        // Indent with 4 spaces
+        indent: ['error', 4],
+
+        // Indent JSX with 4 spaces
+        'react/jsx-indent': ['error', 4],
+
+        // Indent props with 4 spaces
+        'react/jsx-indent-props': ['error', 4],
+
+        // allow JSX in both js and jsx files
+        'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
     },
-    ecmaVersion: 12,
-    sourceType: 'module',
-  },
-  plugins: [
-    'react',
-  ],
-  rules: {
-  },
 };