chore: separate lint and fix peer issue

.lintstagedrc.json

@@ -0,0 +1,3 @@
+{
+  "*": ["prettier --ignore-unknown --write"]
+}

.npmrc

@@ -1,4 +1,4 @@
 engine-strict=true
 hoist=false
-# strict-peer-dependencies=true
+strict-peer-dependencies=true
 side-effects-cache=true

apps/www.giuem.com/.lintstagedrc.json

@@ -0,0 +1,4 @@
+{
+  "*.{js,jsx,ts,tsx}": ["eslint --fix"],
+  "*": ["prettier --ignore-unknown --write"]
+}

apps/www.giuem.com/package.json

@@ -6,7 +6,9 @@
     "start": "gatsby develop",
     "build": "gatsby build",
     "serve": "gatsby serve",
-    "clean": "gatsby clean"
+    "clean": "gatsby clean",
+    "lint": "TIMING=1 eslint . --ext .js,.jsx,.ts,.tsx",
+    "lint:fix": "eslint . --ext .js,.jsx,.ts,.tsx --fix"
   },
   "dependencies": {
     "@fec/remark-a11y-emoji": "3.1.0",
@@ -16,7 +18,6 @@
     "@mdx-js/react": "1.6.22",
     "@tailwindcss/line-clamp": "0.4.0",
     "@tailwindcss/typography": "0.5.2",
-    "autoprefixer": "10.4.7",
     "disqusjs": "1.3.0",
     "gatsby": "4.13.1",
     "gatsby-plugin-feed": "4.13.0",
@@ -39,20 +40,20 @@
     "gatsby-source-filesystem": "4.13.0",
     "gatsby-transformer-sharp": "4.13.0",
     "lodash-es": "4.17.21",
-    "postcss": "8.4.13",
     "prism-react-renderer": "1.3.1",
-    "react": "18.1.0",
-    "react-dom": "18.1.0",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
     "react-helmet": "6.1.0",
     "react-icons": "4.3.1",
     "react-medium-image-zoom": "^4.3.7",
     "react-schemaorg": "2.0.0",
     "react-use": "17.3.2",
     "schema-dts": "1.1.0",
-    "tailwindcss": "3.0.24",
-    "typescript": "4.6.4"
+    "tailwindcss": "3.0.24"
   },
   "devDependencies": {
+    "@babel/core": "^7.17.10",
+    "@infra/eslint-config": "workspace:^1.0.0",
     "@infra/tsconfig": "workspace:^0.0.0",
     "@types/loadable__component": "5.13.4",
     "@types/lodash-es": "4.17.6",
@@ -61,6 +62,22 @@
     "@types/react": "18.0.9",
     "@types/react-dom": "18.0.3",
     "@types/react-helmet": "6.1.5",
-    "@types/tailwindcss": "3.0.10"
+    "@types/tailwindcss": "3.0.10",
+    "@typescript-eslint/eslint-plugin": "5.22.0",
+    "@typescript-eslint/parser": "5.22.0",
+    "autoprefixer": "10.4.7",
+    "babel-eslint": "^10.0.0",
+    "eslint": "8.15.0",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-jsx-a11y": "6.5.1",
+    "eslint-plugin-prettier": "4.0.0",
+    "eslint-plugin-react": "7.29.4",
+    "eslint-plugin-react-hooks": "4.5.0",
+    "graphql": "^16.4.0",
+    "postcss": "8.4.13",
+    "prettier": "2.6.2",
+    "typescript": "4.6.4",
+    "webpack": "^5.72.0"
   }
 }

package.json

@@ -10,25 +10,13 @@
   },
   "scripts": {
     "prepare": "husky install",
-    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
-    "lint:fix": "eslint . --ext .js,.jsx,.ts,.tsx --fix",
+    "lint": "turbo run lint",
     "bootstrap": "npm i -g pnpm@^6 && pnpm install"
   },
   "devDependencies": {
-    "@infra/eslint-config": "workspace:*",
-    "eslint": "8.15.0",
     "husky": "7.0.4",
     "lint-staged": "12.4.1",
     "prettier": "2.6.2",
-    "turbo": "1.2.8",
-    "typescript": "4.6.4"
-  },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "eslint --fix"
-    ],
-    "*": [
-      "prettier --ignore-unknown --write"
-    ]
+    "turbo": "1.2.8"
   }
 }

packages/gatsby-plugin-dark-mode/package.json

@@ -5,9 +5,9 @@
   "main": "src/index.ts",
   "devDependencies": {
     "@infra/tsconfig": "workspace:^0.0.0",
-    "react": "18.1.0"
+    "react": "17.0.2"
   },
   "peerDependencies": {
-    "react": "18.1.0"
+    "react": "17.0.2"
   }
 }

packages/shared-eslint-config/base.js

@@ -1,18 +1,5 @@
 module.exports = {
   root: true,
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    project: [
-      'tsconfig.lint.json',
-      './apps/*/tsconfig.json',
-      './packages/*/tsconfig.json',
-    ],
-    ecmaFeatures: {
-      jsx: true,
-    },
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
   env: {
     es6: true,
     node: true,
@@ -39,6 +26,15 @@ module.exports = {
       },
     },
     {
+      parser: '@typescript-eslint/parser',
+      parserOptions: {
+        project: ['tsconfig.json'],
+        ecmaFeatures: {
+          jsx: true,
+        },
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+      },
       files: ['*.ts', '*.tsx'],
       rules: {
         'no-dupe-class-members': 'off',

packages/shared-eslint-config/package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "private": true,
   "main": "index.js",
-  "dependencies": {
+  "peerDependencies": {
     "@typescript-eslint/eslint-plugin": "5.22.0",
     "@typescript-eslint/parser": "5.22.0",
     "eslint-config-prettier": "8.5.0",

packages/shared-eslint-config/react.js

@@ -6,7 +6,7 @@ module.exports = {
   },
   settings: {
     react: {
-      version: 'latest',
+      version: 'detect',
     },
   },
   extends: [