chore: update react 18

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-react"]
+}

.eslintrc.json

@@ -16,10 +16,11 @@
       "plugin:react-hooks/recommended",
       "plugin:prettier/recommended"
     ],
-    "parser": "babel-eslint",
+    "parser": "@babel/eslint-parser",
     "parserOptions": {
         "ecmaFeatures": {
-            "jsx": true
+            "jsx": true,
+            "modules": true
         },
         "ecmaVersion": 12,
         "sourceType": "module"
@@ -29,6 +30,7 @@
       "react-hooks"
     ],
     "rules": {
+      "react/function-component-definition": 0,
       "react/react-in-jsx-scope": "off",
       "no-unused-vars": "warn",
       "import/prefer-default-export": "off",

package.json

@@ -8,20 +8,6 @@
       "!<rootDir>/node_modules/"
     ]
   },
-  "dependencies": {
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^12.1.2",
-    "@testing-library/user-event": "^13.5.0",
-    "prop-types": "^15.8.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-github-corner": "^2.5.0",
-    "react-icons": "^4.3.1",
-    "react-scripts": "4.0.3",
-    "styled-components": "^5.3.5",
-    "styled-media-query": "^2.1.2",
-    "web-vitals": "^2.1.4"
-  },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
@@ -43,14 +29,30 @@
       "last 1 safari version"
     ]
   },
+  "dependencies": {
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.2.0",
+    "@testing-library/user-event": "^14.2.0",
+    "prop-types": "^15.8.1",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-github-corner": "^2.5.0",
+    "react-icons": "^4.3.1",
+    "react-scripts": "5.0.1",
+    "styled-components": "^5.3.5",
+    "styled-media-query": "^2.1.2",
+    "web-vitals": "^2.1.4"
+  },
   "devDependencies": {
-    "babel-eslint": "^10.1.0",
-    "eslint": "^7.24.0",
-    "eslint-config-airbnb": "^18.2.1",
+    "@babel/core": "^7.17.10",
+    "@babel/eslint-parser": "^7.5.4",
+    "@babel/preset-react": "^7.16.7",
+    "eslint": "^8.15.0",
+    "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^4.5.0",
     "jest-styled-components": "^7.0.8",