chore(deps): update typescript-eslint monorepo to v6 (major)

.eslintignore

+.eslintrc.js
\ No newline at end of file

.eslintrc.js

 module.exports = {
-  parser: '@typescript-eslint/parser', // Specifies the ESLint parser
   extends: [
-    'plugin:react/recommended', // Uses the recommended rules from @eslint-plugin-react
-    'plugin:@typescript-eslint/eslint-recommended', // Uses the recommended rules from @typescript-eslint/eslint-plugin
+    'eslint:recommended',
     'prettier', // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
+    'plugin:react/recommended', // Uses the recommended rules from @eslint-plugin-react
     'plugin:prettier/recommended', // Enables eslint-plugin-prettier and displays prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
     'plugin:react-hooks/recommended',
-    'react-app',
   ],
+  parser: '@typescript-eslint/parser', // Specifies the ESLint parser
   plugins: ['@typescript-eslint', 'react', 'react-hooks'],
+  parserOptions: {
+    ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+    sourceType: 'module', // Allows for the use of imports
+    ecmaFeatures: {
+      jsx: true, // Allows for the parsing of JSX
+    },
+    tsconfigRootDir: __dirname,
+    project: './tsconfig.json',
+  },
+  root: true,
   overrides: [
     {
+      files: ['**/*.{ts,tsx}'],
       extends: [
         'plugin:@typescript-eslint/recommended',
-        'plugin:@typescript-eslint/eslint-recommended', // Uses the recommended rules from @typescript-eslint/eslint-plugin
-        // This enables a lot of type checking
-        // 'plugin:@typescript-eslint/recommended-requiring-type-checking', // Uses the recommended rules from @typescript-eslint/eslint-plugin
+        'plugin:@typescript-eslint/stylistic-type-checked',
       ],
-      files: ['**/*.{ts,tsx}'],
-      parserOptions: {
-        tsconfigRootDir: __dirname,
-        project: ['./tsconfig.json'],
-      },
       rules: {
         '@typescript-eslint/explicit-function-return-type': 'off',
         '@typescript-eslint/no-unused-vars': 'warn',
@@ -30,16 +33,11 @@ module.exports = {
         '@typescript-eslint/prefer-as-const': 'error',
         '@typescript-eslint/await-thenable': 'error',
         '@typescript-eslint/no-var-requires': 'off',
+
+        '@typescript-eslint/no-empty-function': 'off', // fixes a build error
       },
     },
   ],
-  parserOptions: {
-    ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
-    sourceType: 'module', // Allows for the use of imports
-    ecmaFeatures: {
-      jsx: true, // Allows for the parsing of JSX
-    },
-  },
   rules: {
     // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
     'react/react-in-jsx-scope': 'off',

package.json

@@ -31,11 +31,10 @@
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@types/react-router-dom": "^5.1.8",
-    "@typescript-eslint/eslint-plugin": "^5.3.1",
-    "@typescript-eslint/parser": "^5.3.1",
-    "eslint": "^8.21.0",
+    "@typescript-eslint/eslint-plugin": "^6.1.0",
+    "@typescript-eslint/parser": "^6.1.0",
+    "eslint": "^8.49.0",
     "eslint-config-prettier": "^9.0.0",
-    "eslint-config-react-app": "^7.0.0",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "7.30.1",
     "eslint-plugin-react-hooks": "^4.2.0",

src/components/Newsletter/ImagePicker/ImagePicker.tsx

@@ -16,7 +16,7 @@ const ImagePicker: React.FC<ImagePickerProps> = ({
   imageURL,
   handleChange,
 }) => {
-  const [imageNames, setImageNames] = useState<Array<string[]>>([])
+  const [imageNames, setImageNames] = useState<string[][]>([])
   const [selectedImageURL, setSelectedImageURL] = useState<string>(
     imageURL && imageURL !== null ? imageURL : ''
   )

src/components/Popups/Popups.tsx

@@ -18,7 +18,7 @@ import Loader from '../Loader/Loader'
 import CustomEditor from '../Newsletter/CustomEditor'
 import './popups.scss'
 
-const OPTIONS: Array<Option> = [
+const OPTIONS: Option[] = [
   {
     value: durationEnum.hours,
     label: 'Heures',

src/components/Routes/Router.tsx

@@ -7,9 +7,10 @@ import Newsletter from '../Newsletter/Newsletter'
 import Popups from '../Popups/Popups'
 import Prices from '../Prices/Prices'
 
-export const links: {
-  [key: string]: { label: string; path: string; adminOnly?: boolean }
-} = {
+export const links: Record<
+  string,
+  { label: string; path: string; adminOnly?: boolean }
+> = {
   newsletter: {
     label: 'Newsletter',
     path: '/newsletter',

src/custom.d.ts

@@ -4,7 +4,7 @@ declare module '*.svg' {
 }
 
 declare module '*.scss' {
-  const styles: { [className: string]: string }
+  const styles: Record<string, string>
   export default styles
 }
 

tsconfig.json

@@ -17,5 +17,5 @@
     "jsx": "react-jsx",
     "useUnknownInCatchVariables": false
   },
-  "include": ["src"]
+  "include": ["**/*.ts", "**/*.tsx"]
 }