added eslint and prettier with husky

.eslintignore

@@ -0,0 +1,6 @@
+*.config*
+node_modules
+.rts2_cache_cjs
+.rts2_cache_es
+.rts2_cache_umd
+dist

.eslintrc.js

@@ -0,0 +1,36 @@
+module.exports = {
+    "env": {
+        "browser": true,
+        "es2021": true,
+        node: true,
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:react/recommended",
+        'prettier'
+    ],
+    "parserOptions": {
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "ecmaVersion": 12,
+        "sourceType": "module",
+        "parser": '@typescript-eslint/parser'
+    },
+    "plugins": [
+        "react"
+    ],
+    rules: {
+        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+        'no-tabs': 'off',
+        "react/react-in-jsx-scope": "off",
+        "react/prop-types": "off",
+        "no-undef": "off"
+    },
+    settings: {
+        react: {
+            version: 'detect'
+        }
+    }
+};

.prettierignore

@@ -0,0 +1,6 @@
+*.config*
+node_modules
+.rts2_cache_cjs
+.rts2_cache_es
+.rts2_cache_umd
+dist

.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+    bracketSpacing: true,
+    printWidth: 120,
+    singleQuote: true,
+    semi: false,
+    trailingComma: 'es5',
+};

package.json

@@ -12,6 +12,7 @@
     "build": "next build",
     "export": "yarn build && next export",
     "start": "next start",
+    "lint": "eslint . --fix",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
@@ -33,7 +34,22 @@
   },
   "devDependencies": {
     "autoprefixer": "9.8.6",
+    "eslint": "^7.10.0",
+    "eslint-config-prettier": "^6.12.0",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-react": "^7.21.3",
+    "husky": "^4.3.0",
+    "lint-staged": "^10.4.0",
+    "prettier": "^2.1.2",
     "rustywind": "0.6.6",
     "tailwindcss": "1.7.2"
+  },
+  "lint-staged": {
+    "*.{js,ts,vue}": "yarn lint"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
   }
-}
+}

pages/index.js

@@ -26,8 +26,8 @@ function DaftarIsiPage() {
 
                     {babChild.children && babChild.children.length > 0 && (
                       <ol>
-                        {babChild.children.map((li) => (
-                          <li className="ml-4 text-orange-500">
+                        {babChild.children.map((li, index) => (
+                          <li key={index} className="ml-4 text-orange-500">
                             <Link href={li.href}>
                               <a title={li.text}>{li.text}</a>
                             </Link>

pages/pancasila.js

@@ -43,7 +43,7 @@ function PancasilaPage() {
         </div>
         <p>{PancasilaData.meaning.preface}</p>
         <div className="mt-4">
-          {PancasilaData.meaning.data.map((section, index) => (
+          {PancasilaData.meaning.data.map((section) => (
             <div
               key={section}
               className="mt-4 flex items-center rounded overflow-hidden shadow-lg"