Fix eslint crashing

.eslintrc.js

@@ -1,10 +1,5 @@
 module.exports = {
-  root: true,
-  // This tells ESLint to load the config from the package `eslint-config-custom`
+  root: true, // This tells ESLint to load the config from the package `eslint-config-custom` 
   extends: ["custom"],
-  settings: {
-    next: {
-      rootDir: ["apps/*/"],
-    },
-  },
+  settings: { next: { rootDir: ["apps/*/"] } },
 };

.vscode/settings.json

@@ -6,4 +6,6 @@
     "editor.formatOnSave": true
   },
   "solidity.formatter": "forge",
-}
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode"
+}

apps/web/.eslintrc.js

@@ -2,15 +2,54 @@
  * @type {import('eslint').Linter.Config}
  */
 module.exports = {
-  extends: ["next/core-web-vitals", "turbo", "prettier"],
+  extends: ["next/core-web-vitals", "turbo", "prettier", "eslint:recommended","plugin:@typescript-eslint/recommended"],
   ignorePatterns: ["node_modules", "dist"],
+  parser: '@typescript-eslint/parser',
   parserOptions: {
-    babelOptions: {
-      presets: [require.resolve("next/babel")],
-    },
+    project: "./tsconfig.json",
   },
   rules: {
     "react-hooks/exhaustive-deps": "off",
-    "no-html-link-for-pages": "off",
+    "@next/next/no-html-link-for-pages": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "warn",
+      {
+        argsIgnorePattern: "^_",
+        varsIgnorePattern: "^_",
+        caughtErrorsIgnorePattern: "^_",
+      },
+    ],
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/ban-ts-comment": "off",
+    "@next/next/no-page-custom-font": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/prefer-nullish-coalescing": "error",
+    "react/self-closing-comp": [
+      "error",
+      {
+        component: true,
+        html: true,
+      },
+    ],
+    "no-unreachable": "warn",
+    "no-console": ["warn", {
+      allow: ["warn", "error", "info", "debug"],
+    }],
+    "prefer-const": "off",
+    "@typescript-eslint/consistent-type-definitions": "off",
+    "import/order": [
+      "error",
+      {
+        groups: [
+          "external",
+          "builtin",
+          "internal",
+          "sibling",
+          "parent",
+          "index",
+        ],
+      },
+    ],
+    curly: "error",
   },
 };

apps/web/.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+  "solidity.packageDefaultDependenciesContractsDirectory": "pkg/contracts/src",
+  "solidity.packageDefaultDependenciesDirectory": "lib",
+  "[solidity]": {
+    "editor.defaultFormatter": "NomicFoundation.hardhat-solidity",
+    "editor.formatOnSave": true
+  },
+  "solidity.formatter": "forge",
+}

apps/web/app/(app)/gardens/[chain]/[garden]/[community]/page.tsx

@@ -1,16 +1,16 @@
 "use client";
 
-import { commImg, groupFlowers } from "@/assets";
 import React, { useEffect, useState } from "react";
+import { commImg, groupFlowers } from "@/assets";
 import Image from "next/image";
 import {
+  Button,
+  DisplayNumber,
   EthAddress,
-  Statistic,
+  IncreasePower,
   PoolCard,
   RegisterMember,
-  DisplayNumber,
-  IncreasePower,
-  Button,
+  Statistic,
 } from "@/components";
 import { Address } from "viem";
 import {
@@ -50,7 +50,7 @@ export default function CommunityPage({
       { topic: "member", containerId: communityAddr },
     ],
   });
-  
+
   const { tooltipMessage, isConnected, missmatchUrl } = useDisableButtons();
   useEffect(() => {
     if (error) {
@@ -305,7 +305,7 @@ export default function CommunityPage({
           covenant ? (
             <p>{covenant}</p>
           ) : (
-            <LoadingSpinner></LoadingSpinner>
+            <LoadingSpinner />
           )
         ) : (
           <p className="italic">No covenant was submitted.</p>

apps/web/app/api/ipfs/route.ts

@@ -37,7 +37,7 @@ export async function POST(req: NextRequest) {
     } catch (error) {
       return NextResponse.json(
         { message: "Error uploading json to IPFS" },
-        { status: 500 }
+        { status: 500 },
       );
     }
   } else if (contentType?.startsWith("multipart/form-data")) {

apps/web/components/Communities.tsx

@@ -44,7 +44,7 @@ export function Communities({
     if (!community?.members) {
       return false;
     }
-    for (let member of community?.members) {
+    for (let member of community?.members ?? []) {
       if (member?.memberAddress?.toLowerCase() === address?.toLowerCase()) {
         return true;
       }

apps/web/components/EthAddress.tsx

@@ -1,9 +1,9 @@
 "use client";
-import React from "react";
-import { Addreth } from "addreth";
 import { Address } from "viem";
-import { chainDataMap } from "@/configs/chainServer";
+import { Addreth } from "addreth";
 import LoadingSpinner from "./LoadingSpinner";
+import React from "react";
+import { chainDataMap } from "@/configs/chainServer";
 import useChainFromPath from "@/hooks/useChainFromPath";
 
 type EthAddressProps = {

apps/web/hooks/useViemClient.tsx

@@ -8,7 +8,7 @@ export const useViemClient = function () {
   const chainFromPath = useChainFromPath();
   const chainId = useChainId();
   const chain = chainFromPath ?? getChain(chainId);
-  
+
   const [viemClient, setViemClient] = useState<PublicClient>(
     createPublicClient({
       chain,

apps/web/package.json

@@ -44,7 +44,10 @@
     "@babel/core": "^7.20.12",
     "@babel/eslint-parser": "^7.23.3",
     "@babel/preset-env": "^7.23.5",
+    "@eslint/js": "^9.6.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.1.1",
+    "@stylistic/eslint-plugin": "^2.3.0",
+    "@types/eslint__js": "^8.42.3",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^17.0.12",
     "@types/react": "^18.0.22",
@@ -55,10 +58,9 @@
     "@wagmi/cli": "1.5.2",
     "autoprefixer": "^10.4.16",
     "daisyui": "^4.4.20",
-    "eslint": "^8.55.0",
-    "eslint-config-custom": "workspace:*",
+    "eslint": "^8.57.0",
     "eslint-config-next": "13.0.0",
-    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-prettier": "^8.10.0",
     "eslint-plugin-html": "^7.1.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-prettier": "^5.0.1",
@@ -70,6 +72,7 @@
     "prettier-plugin-tailwindcss": "^0.5.7",
     "tailwindcss": "^3.3.6",
     "tsconfig": "workspace:*",
-    "typescript": "5.2"
+    "typescript": "~5.2.2",
+    "typescript-eslint": "^7.16.0"
   }
 }

apps/web/prettier.config.js

@@ -1,6 +1,11 @@
 /** @type {import("prettier").Config} */
 const config = {
   plugins: [require.resolve("prettier-plugin-tailwindcss")],
+  experimentalTernaries: true,
+  jsxSingleQuote: false,
+  singleQuote: false,
+  trailingComma: "all",
+
 };
 
 module.exports = config;

apps/web/tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2022",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -19,16 +23,23 @@
       }
     ],
     "paths": {
-      "@/*": ["./*"],
-      "#/*": ["./../../pkg/*"]
+      "@/*": [
+        "./*"
+      ],
+      "#/*": [
+        "./../../pkg/*"
+      ]
     }
   },
   "include": [
     "next-env.d.ts",
     "**/*.ts",
     "**/*.tsx",
     ".next/types/**/*.ts",
-    "prettier.config.js"
+    "prettier.config.js",
+    ".eslintrc.js",
   ],
-  "exclude": ["node_modules"]
-}
+  "exclude": [
+    "node_modules"
+  ]
+}