fix the yml file

.eslintrc

@@ -1,11 +0,0 @@
-{
-  "rules": {
-    "react/react-in-jsx-scope": "off"
-  },
-  "env": {
-    "browser": true,
-    "es2021": true,
-    "jest": true
-  },
-  "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:prettier/recommended"]
-}

.eslintrc.json

@@ -1,21 +1,26 @@
 {
   "env": {
-    "browser": true,
-    "es2021": true
+      "browser": true,
+      "es2021": true
   },
-  "extends": ["plugin:react/recommended"],
+  "extends": [
+      "plugin:react/recommended",
+      "airbnb"
+  ],
   "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
-    },
-    "ecmaVersion": "latest",
-    "sourceType": "module"
+      "ecmaFeatures": {
+          "jsx": true
+      },
+      "ecmaVersion": "latest",
+      "sourceType": "module"
   },
-  "plugins": ["react", "prettier"],
+  "plugins": [
+      "react", "prettier"
+  ],
   "rules": {
     "semi": 0,
     "comma-dangle": 0,
     "prettier/prettier": "error",
     "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }]
   }
-}
+}

.github/workflows/react.js.yml

@@ -22,12 +22,9 @@ jobs:
       - uses: actions/checkout@v3
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
-      - name: Yarn & Node install cache
-        uses: EgorDm/gha-yarn-node-cache@v1
-      - name: Github Actions Yarn
-        uses: dreygur/github-actions-yarn@1.0.1
         with:
           node-version: ${{ matrix.node-version }}
           cache: "yarn"
+      - run: yarn install --frozen-lockfile
       - run: yarn lint
       - run: yarn pretty

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm test

.prettierrc

@@ -1,8 +1,6 @@
 {
-  "semi": true,
+  "trailingComma": "es5",
   "tabWidth": 2,
-  "printWidth": 100,
-  "singleQuote": false,
-  "trailingComma": "none",
-  "jsxBracketSameLine": true
-}
+  "semi": false,
+  "singleQuote": true
+ }

package.json

@@ -7,6 +7,11 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "axios": "^1.1.2",
+    "eslint": "^8.26.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "prettier": "^2.7.1",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -21,7 +26,8 @@
     "build": "react-scripts build",
     "eject": "react-scripts eject",
     "lint": "eslint --fix",
-    "pretty": "prettier --write ."
+    "pretty": "prettier --write .",
+    "prepare": "husky install"
   },
   "eslintConfig": {
     "extends": [
@@ -42,10 +48,14 @@
     ]
   },
   "devDependencies": {
-    "eslint": "^8.26.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "prettier": "^2.7.1"
+    "husky": "^8.0.0"
+  },
+  "lint-staged": {
+    "**/*.{js,jsx}": [
+      "npm run lint",
+      "prettier --write"
+    ]
   },
   "lint": "eslint .",
   "lint:fix": "eslint --fix",