messy changes

.eslintrc.json

@@ -1,9 +1,32 @@
 {
-  "extends": "react-app",
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended"
+  ],
+  "plugins": ["react", "react-hooks"],
+  "parserOptions": {
+    "ecmaVersion": 2021,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "env": {
+    "browser": true,
+    "node": true,
+    "es6": true
+  },
   "rules": {
     "react/style-prop-object": "off",
     "jsx-a11y/anchor-is-valid": "off",
     "jsx-a11y/heading-has-content": "off",
-    "jsx-a11y/iframe-has-title": "off"
+    "jsx-a11y/iframe-has-title": "off",
+    "react/react-in-jsx-scope": "off"
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
   }
 }