[solutions/aws] Fix AWS message queue template ESLint

eslint.config.mjs

@@ -0,0 +1,14 @@
+import { defineConfig } from 'eslint/config'
+import nextVitals from 'eslint-config-next/core-web-vitals'
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  {
+    rules: {
+      '@next/next/no-html-link-for-pages': 'off',
+      'import/no-anonymous-default-export': 'off',
+    },
+  },
+])
+
+export default eslintConfig

package.json

@@ -16,17 +16,18 @@
   "lint-staged": {
     "!(**/.vercel/**/*)**/*.{ts,tsx}": [
       "prettier --write",
-      "eslint -c .eslintrc.json --no-eslintrc --no-ignore --max-warnings=0 --fix"
+      "eslint --no-ignore --max-warnings=0 --fix"
     ],
     "**/*.{json,md,mdx,css,html,yml,yaml,scss,vue}": [
       "prettier --write"
     ]
   },
   "devDependencies": {
-    "eslint": "latest",
-    "eslint-config-next": "canary",
+    "eslint": "9.39.5",
+    "eslint-config-next": "16.2.10",
     "husky": "^8.0.1",
-    "lint-staged": "^13.0.3",
+    "lint-staged": "^17.0.8",
+    "next": "16.2.10",
     "plop": "^3.1.1",
     "prettier": "^2.7.1",
     "typescript": "^4.9.5"

solutions/aws-message-queue-elasticache/__tests__/helpers.test.ts

@@ -119,12 +119,12 @@ describe('validateContactForm', () => {
   })
 
   it('rejects null input', () => {
-    const result = validateContactForm(null as any)
+    const result = validateContactForm(null)
     expect(result).toEqual({ valid: false, error: 'Invalid request body' })
   })
 
   it('rejects undefined input', () => {
-    const result = validateContactForm(undefined as any)
+    const result = validateContactForm(undefined)
     expect(result).toEqual({ valid: false, error: 'Invalid request body' })
   })
 })

solutions/aws-message-queue-elasticache/app/api/messages/route.ts

@@ -157,7 +157,7 @@ export async function GET() {
       { count: 1 }
     )
 
-    const [_next_id, claimMessages] = claimResponse
+    const [, claimMessages] = claimResponse
     const messageIds = Object.keys(claimMessages)
     if (messageIds.length > 0) {
       const streamMessageId = messageIds[0]

solutions/aws-message-queue-elasticache/app/process/page.tsx

@@ -87,6 +87,7 @@ export default function ProcessPage() {
   }
 
   useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     fetchNextMessage()
   }, [])
 

solutions/aws-message-queue-elasticache/eslint.config.mjs

@@ -0,0 +1,17 @@
+import { defineConfig, globalIgnores } from 'eslint/config'
+import nextVitals from 'eslint-config-next/core-web-vitals'
+import nextTs from 'eslint-config-next/typescript'
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  globalIgnores([
+    '.next/**',
+    'out/**',
+    'build/**',
+    'next-env.d.ts',
+    '**/__tests__/**',
+  ]),
+])
+
+export default eslintConfig

solutions/aws-message-queue-elasticache/package.json

@@ -12,7 +12,7 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "lint": "eslint .",
     "test": "vitest run"
   },
   "dependencies": {
@@ -28,7 +28,7 @@
     "@types/react": "^19.0.0",
     "@vercel/config": "^0.3.0",
     "autoprefixer": "^10.4.14",
-    "eslint": "^8.45.0",
+    "eslint": "^9.39.5",
     "eslint-config-next": "^16.2.1",
     "postcss": "^8.4.26",
     "tailwindcss": "^4.0.0",