Task #217402 fix: Husky Implementation and Integration in React

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "trailingComma": "es5",
+  "semi": true,
+  "singleQuote": false,
+  "tabWidth": 2,
+  "useTabs": false
+}

eslintrc.json

@@ -3,23 +3,26 @@
     "eslint:recommended",
     "plugin:import/errors",
     "plugin:react/recommended",
-    "plugin:jsx-a11y/recommended"
+    "plugin:jsx-a11y/recommended",
+    "prettier"
   ],
-  "plugins": ["react", "import", "jsx-a11y"],
+  "plugins": ["react", "import", "jsx-a11y", "prettier"],
   "rules": {
     "react/prop-types": 0,
     "indent": ["error", 2],
     "linebreak-style": 1,
-    "quotes": ["error", "double"]
+    "quotes": ["error", "double"],
+    "prettier/prettier": "error"
   },
   "parserOptions": {
-    "ecmaVersion": 2021,
+    "ecmaVersion": 12,
     "sourceType": "module",
     "ecmaFeatures": {
       "jsx": true
     }
   },
   "env": {
+    "es2021": true,
     "es6": true,
     "browser": true,
     "node": true

package.json

@@ -44,7 +44,6 @@
     "split-graphemes": "^0.5.0",
     "use-sound": "^4.0.1",
     "web-vitals": "^2.1.4",
-    "eslint": "^8.46.0",
     "eslint-plugin-import": "^2.28.0",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.33.1"
@@ -70,7 +69,10 @@
       "react-app",
       "react-app/jest"
     ],
-    "ignorePatterns": ["build/", "public/js/jquery-3.7.0.min.js"]
+    "ignorePatterns": [
+      "build/",
+      "public/js/jquery-3.7.0.min.js"
+    ]
   },
   "browserslist": {
     "production": [
@@ -83,5 +85,26 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "eslint": "^7.32.0",
+    "prettier": "^2.3.2",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^3.4.0",
+    "husky": "^9.0.11",
+    "lint-staged": "^11.0.0",
+    "react": "^18.2.0",
+    "@mui/styles": "^5.15.10"
+  },
+  "lint-staged": { 
+    "src/**/*.{js,jsx}": [
+      "npx eslint --fix",
+      "npx prettier --write"
+    ]
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npx lint-staged"
+    }
   }
 }