Update to ESLint v9

app/api/revalidate/route.ts

@@ -50,9 +50,9 @@ export async function POST(request: NextRequest) {
         }
         case 'category': {
           const category = body?.entry?.slug
-          for (const page of body?.entry?.content_pages) {
+          body?.entry?.content_pages?.forEach((page: PageType | undefined) =>
             revalidatePath(`/${category}/${page?.slug}`)
-          }
+          )
           revalidateTag('navbar')
           break
         }

components/header/navbar/searchpage/index.tsx

@@ -97,14 +97,15 @@ const SearchOverlay = ({
           const filteredFiles = resDrive?.files?.filter(
             (file) => !fileResults.files?.find((f) => f.id === file.id)
           )
-          resDrive &&
+          if (resDrive) {
             dispatch({
               type: 'SET_FILE_RESULTS',
               payload: {
                 files: [...(fileResults.files ?? []), ...(filteredFiles || [])],
                 nextPageToken: resDrive.nextPageToken,
               },
             })
+          }
         } else {
           dispatch({
             type: 'SET_FILE_RESULTS',

eslint.config.mjs

@@ -0,0 +1,34 @@
+import url from 'node:url'
+import { FlatCompat } from '@eslint/eslintrc'
+import eslint from '@eslint/js'
+import tseslint from 'typescript-eslint'
+import eslintConfigPrettier from 'eslint-config-prettier'
+
+const __dirname = url.fileURLToPath(new URL('.', import.meta.url))
+const compat = new FlatCompat({ baseDirectory: __dirname })
+
+export default tseslint.config(
+  eslint.configs.recommended,
+  ...tseslint.configs.recommended,
+  ...compat.extends('next/core-web-vitals'),
+  eslintConfigPrettier,
+  {
+    rules: {
+      '@typescript-eslint/no-unused-vars': 'error',
+      '@typescript-eslint/no-explicit-any': 'error',
+      'max-len': 'off',
+      'no-unused-vars': 'off',
+      'no-console': 'off',
+      'func-names': 'off',
+      'no-process-exit': 'off',
+      'object-shorthand': 'off',
+      'class-methods-use-this': 'off',
+      'react/function-component-definition': [
+        2,
+        {
+          namedComponents: 'arrow-function',
+        },
+      ],
+    },
+  }
+)

next.config.js → next.config.ts

@@ -1,5 +1,6 @@
-/** @type {import('next').NextConfig} */
-module.exports = {
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
   reactStrictMode: true,
   images: {
     remotePatterns: [
@@ -16,3 +17,5 @@ module.exports = {
   },
   output: 'standalone',
 }
+
+export default nextConfig

package.json

@@ -33,6 +33,7 @@
     "sharp": "^0.32.6"
   },
   "devDependencies": {
+    "@eslint/js": "^9.16.0",
     "@tailwindcss/typography": "^0.5.9",
     "@types/content-disposition": "^0.5.6",
     "@types/gapi": "^0.0.47",
@@ -42,20 +43,19 @@
     "@types/react": "19.0.1",
     "@types/react-textfit": "^1.1.0",
     "@types/react-window": "^1.8.5",
-    "@typescript-eslint/eslint-plugin": "^7.9.0",
-    "@typescript-eslint/parser": "^7.9.0",
     "autoprefixer": "^10.4.8",
     "encoding": "^0.1.13",
-    "eslint": "8",
+    "eslint": "^9.16.0",
     "eslint-config-next": "15.0.4",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "postcss": "^8.4.16",
     "prettier": "^3.0.3",
     "prettier-plugin-tailwindcss": "^0.5.4",
     "tailwindcss": "^3.1.8",
-    "typescript": "5.4.5"
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.17.0"
   },
   "resolutions": {
     "@types/react": "19.0.1"