Migrate react components to astro components

Author: adwinying

.eslintrc.json

@@ -4,10 +4,8 @@
     "es2021": true
   },
   "extends": [
-    "plugin:react/recommended",
-    "airbnb",
-    "airbnb-typescript",
-    "airbnb/hooks",
+    "airbnb-base",
+    "airbnb-typescript/base",
     "plugin:@typescript-eslint/recommended",
     "plugin:import/recommended",
     "plugin:import/typescript",
@@ -20,19 +18,6 @@
     "project": "./tsconfig.json"
   },
   "rules": {
-    // suppress errors for missing 'import React' in files
-    "react/react-in-jsx-scope": "off",
-    // allow tsx/astro files to use jsx syntax
-    "react/jsx-filename-extension": ["error", {
-      "extensions": [".js", ".jsx", ".ts", ".tsx", ".astro"]
-    }],
-    // allow function declarations for functional components
-    "react/function-component-definition": ["error", {
-      "namedComponents": "function-declaration",
-      "unnamedComponents": "function-expression"
-    }],
-    // disable default props validation since we don't use it
-    "react/require-default-props": "off",
     // separate import types from regular imports
     "@typescript-eslint/consistent-type-imports": "error",
     // supress unused vars errors for astro Prop types

package.json

@@ -17,23 +17,22 @@
     "build:all": "run-s -l talks:sync build talks:build"
   },
   "devDependencies": {
+    "@astrojs/ts-plugin": "^1.1.3",
     "@iconify-json/mdi": "^1.1.52",
     "@iconify-json/simple-icons": "^1.1.58",
     "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6",
     "@typescript-eslint/eslint-plugin": "^5.57.0",
     "@typescript-eslint/parser": "^5.57.0",
     "eslint": "^8.37.0",
-    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-import-resolver-typescript": "^3.5.4",
     "eslint-plugin-astro": "^0.26.1",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.3.0",
     "npm-run-all": "^4.1.5",
     "playwright-chromium": "^1.35.1",
     "prettier": "^2.8.7",