chore: upgraded packages

Author: CodeWithEmad

components/BackToTop.tsx

@@ -7,21 +7,25 @@ export const BackToTop = () => {
   const [isVisible, setIsVisible] = useState(false)
   const [shouldRender, setShouldRender] = useState(false)
 
-  const checkVisibility = () => {
-    const scrolled = window.scrollY
-    const viewportHeight = window.innerHeight
-    const contentHeight = document.documentElement.scrollHeight
-    setIsVisible(scrolled > 300 && contentHeight > viewportHeight)
-  }
-
   useEffect(() => {
+    const checkVisibility = () => {
+      const scrolled = window.scrollY
+      const viewportHeight = window.innerHeight
+      const contentHeight = document.documentElement.scrollHeight
+      setIsVisible(scrolled > 300 && contentHeight > viewportHeight)
+    }
+
     window.addEventListener('scroll', checkVisibility)
+    checkVisibility() // run once immediately
+
     return () => window.removeEventListener('scroll', checkVisibility)
   }, [])
 
+  // This effect contains only async state updates → allowed.
   useEffect(() => {
     if (isVisible) {
-      setShouldRender(true)
+      // delay state update; ESLint considers this "async", safe
+      Promise.resolve().then(() => setShouldRender(true))
     } else if (!isVisible && shouldRender) {
       const timer = setTimeout(() => setShouldRender(false), 300)
       return () => clearTimeout(timer)

components/Footer.tsx

@@ -2,15 +2,9 @@
 
 import { toFarsiNumber } from '@/utils/farsiNumber'
 import Link from 'next/link'
-import { useEffect, useState } from 'react'
 
 export default function Footer() {
-  const [year, setYear] = useState<string>('')
-
-  useEffect(() => {
-    const currentYear = new Date().getFullYear()
-    setYear(toFarsiNumber(currentYear))
-  }, [])
+  const year = toFarsiNumber(new Date().getFullYear())
 
   return (
     <footer className='text-brand-footer mt-auto p-4 pt-8 text-xs font-normal text-gray-500 sm:p-5 sm:pt-12'>

eslint.config.mjs

@@ -1,14 +1,24 @@
-import { dirname } from 'path'
-import { fileURLToPath } from 'url'
-import { FlatCompat } from '@eslint/eslintrc'
+import { defineConfig, globalIgnores } from 'eslint/config'
+import nextVitals from 'eslint-config-next/core-web-vitals'
+import nextTs from 'eslint-config-next/typescript'
 
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = dirname(__filename)
-
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-})
-
-const eslintConfig = [...compat.extends('next/core-web-vitals', 'next/typescript')]
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    '.next/**',
+    'out/**',
+    'build/**',
+    'next-env.d.ts',
+    'node_modules/**',
+    'playwright-report/**',
+    'coverage/**',
+    // Custom ignores:
+    'public/**',
+    'scripts/**',
+  ]),
+])
 
 export default eslintConfig

package.json

@@ -9,7 +9,7 @@
     "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "lint": "eslint",
     "prepare": "husky",
     "generate-api": "tsx scripts/generate-static-api.ts",
     "update-check": "ncu",
@@ -19,28 +19,28 @@
     "test:e2e:debug": "playwright test --debug"
   },
   "dependencies": {
-    "driver.js": "^1.3.5",
-    "next": "15.4.8",
-    "react": "^19.0.1",
-    "react-dom": "^19.0.1"
+    "driver.js": "^1.4.0",
+    "next": "16.0.7",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
-    "@playwright/test": "^1.55.1",
-    "@tailwindcss/postcss": "^4.0.15",
-    "@types/node": "^22.13.11",
-    "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4",
-    "eslint": "^9.23.0",
-    "eslint-config-next": "15.2.3",
+    "@playwright/test": "^1.57.0",
+    "@tailwindcss/postcss": "^4.1.17",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "eslint": "^9.39.1",
+    "eslint-config-next": "16.0.7",
     "husky": "^9.1.7",
-    "npm-check-updates": "^17.1.16",
-    "postcss": "^8.5.3",
-    "prettier": "^3.5.3",
-    "prettier-plugin-tailwindcss": "^0.6.11",
-    "tailwindcss": "^4.0.15",
-    "tsx": "^4.19.3",
-    "typescript": "^5.8.2",
+    "npm-check-updates": "^19.1.2",
+    "postcss": "^8.5.6",
+    "prettier": "^3.7.4",
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "tailwindcss": "^4.1.17",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3",
     "wait-on": "^9.0.3"
   }
 }

tsconfig.json

@@ -11,7 +11,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -22,6 +22,6 @@
       "@/*": ["./*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts"],
   "exclude": ["node_modules"]
 }