fix

.eslintrc.json

@@ -1,30 +1,14 @@
 {
-  "extends": [
-    "next/core-web-vitals",
-    "next/typescript"
-  ],
+  "extends": ["next/core-web-vitals", "next/typescript", "prettier"],
+  "plugins": ["prettier"],
   "rules": {
-    "@typescript-eslint/no-explicit-any": "warn",
-    "@typescript-eslint/no-unused-vars": "warn",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-unused-vars": "off",
     "react/no-unescaped-entities": "warn",
     "react/display-name": "warn",
     "@typescript-eslint/ban-ts-comment": "warn",
     "@typescript-eslint/no-unsafe-function-type": "warn",
-    "@typescript-eslint/no-unused-expressions": "warn"
-  }
-}
-{
-  "extends": [
-    "next/core-web-vitals",
-    "next/typescript",
-    "prettier"
-  ],
-  "plugins": [
-    "prettier"
-  ],
-  "rules": {
-    "@typescript-eslint/no-unused-vars": "off",
-    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-unused-expressions": "warn",
     "prettier/prettier": "error"
   }
 }

eslint.config.js

@@ -0,0 +1,45 @@
+import { dirname } from 'path';
+import { fileURLToPath } from 'url';
+import { FlatCompat } from '@eslint/eslintrc';
+import prettierPlugin from 'eslint-plugin-prettier';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+
+const eslintConfig = [
+  {
+    ignores: [
+      '**/*.test.ts',
+      '**/*.test.tsx',
+      '**/__tests__/**',
+      '**/testing/**',
+      '**/form-management/**/*.test.ts',
+      '.next/**',
+      'node_modules/**',
+      '.eslintignore',
+    ],
+  },
+  ...compat.extends('next/core-web-vitals', 'next/typescript'),
+  {
+    plugins: {
+      prettier: prettierPlugin,
+    },
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      'react/no-unescaped-entities': 'warn',
+      'react/display-name': 'warn',
+      '@typescript-eslint/ban-ts-comment': 'warn',
+      '@typescript-eslint/no-unsafe-function-type': 'warn',
+      '@typescript-eslint/no-unused-expressions': 'warn',
+      'prettier/prettier': 'error',
+      'import/no-anonymous-default-export': 'off',
+    },
+  },
+];
+
+export default eslintConfig;

lint-staged.config.js

@@ -1,9 +1,11 @@
-module.exports = {
+const config = {
   '*.{js,jsx,ts,tsx}': (filenames) => [
     // run eslint --fix on changed files
     `eslint --max-warnings=0 --fix ${filenames.join(' ')}`,
     // then format with prettier
     `prettier --write ${filenames.join(' ')}`,
   ],
-  '*.{json,md,css,scss,html}': [`prettier --write ${filenames.join(' ')}`],
+  '*.{json,md,css,scss,html}': (filenames) => [`prettier --write ${filenames.join(' ')}`],
 };
+
+export default config;

package.json

@@ -2,6 +2,7 @@
   "name": "my-app",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "next dev --turbopack",
     "build": "next build",

src/components/i18n/InternationalizationEngine.tsx

@@ -39,7 +39,6 @@ export function InternationalizationEngine({
   children,
 }: InternationalizationEngineProps) {
   const { language, isLoading, error, changeLanguage } = useInternationalization();
-  const [preloadStatus, setPreloadStatus] = useState<Record<LanguageCode, boolean>>({} as Record<LanguageCode, boolean>);
   const [preloadStatus, setPreloadStatus] = useState<Partial<Record<LanguageCode, boolean>>>({});
 
   // Preload translations on mount
@@ -55,7 +54,6 @@ export function InternationalizationEngine({
         await preloadTranslations(languagesToPreload);
 
         if (!cancelled) {
-          const status = {} as Record<LanguageCode, boolean>;
           const status: Partial<Record<LanguageCode, boolean>> = {};
           languagesToPreload.forEach((lang) => {
             status[lang] = true;

tsconfig.json

@@ -26,20 +26,13 @@
     "noImplicitReturns": true,
     "noImplicitAny": false
   },
-  "include": [
-    "**/*.ts",
-    "**/*.tsx",
-    "next-env.d.ts",
-    ".next/types/**/*.ts"
-  ],
+  "include": ["**/*.ts", "**/*.tsx", "next-env.d.ts", ".next/types/**/*.ts"],
   "exclude": [
     "node_modules",
     ".next",
     "**/*.test.ts",
     "**/*.test.tsx",
     "**/*.spec.ts",
     "**/*.spec.tsx"
-    "**/*.test.ts",
-    "**/*.test.tsx"
   ]
 }