PIMS-1557: Update eslint from version 8.57.0 to 9.9.0 in react-app

react-app/.prettierrc.cjs

@@ -1,3 +1,4 @@
+/* eslint-disable no-undef */
 module.exports = {
   semi: true,
   trailingComma: 'all',

react-app/eslint.config.mjs

@@ -0,0 +1,73 @@
+import prettierPlugin from 'eslint-plugin-prettier';
+import tseslint from 'typescript-eslint';
+import eslint from '@eslint/js';
+import reactPlugin from 'react-plugin';
+
+export default tseslint.config(
+  eslint.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    // Specify the parser for TypeScript
+    languageOptions: {
+      parser: tseslint.parser,
+    },
+    /*  globals: {
+    module: 'readonly',
+  },
+  env: {
+    node: true,
+  },
+  extends: [
+    // By extending from a plugin config, we can get recommended rules without having to add them manually.
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:@typescript-eslint/recommended',
+    // This disables the formatting rules in ESLint that Prettier is going to be responsible for handling.
+    // Make sure it's always the last config, so it gets the chance to override other configs.
+    'eslint-config-prettier',
+  ],*/
+    plugins: {
+      'typescript-eslint': tseslint,
+      prettier: prettierPlugin,
+      react: reactPlugin,
+    },
+    settings: {
+      react: {
+        // Tells eslint-plugin-react to automatically detect the version of React to use.
+        version: 'detect',
+      },
+      // Tells eslint how to resolve imports.
+      'import/resolver': {
+        node: {
+          paths: ['src'],
+          extensions: ['.js', '.jsx', '.ts', '.tsx'],
+        },
+      },
+    },
+    rules: {
+      // Override ones from the extended configs.
+      'prettier/prettier': 'warn',
+      'no-extra-boolean-cast': 'off',
+      'no-unsafe-optional-chaining': 'off',
+      'no-prototype-builtins': 'off',
+      'react/prop-types': 'off',
+      'react/display-name': 'off',
+      'no-console': 'off',
+      '@typescript-eslint/no-unused-vars': 'error',
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/no-inferrable-types': 'off', // ie. const val: number = 4;
+      '@typescript-eslint/no-empty-function': 'off', // ie. {}
+      '@typescript-eslint/no-non-null-assertion': 'off', // Allow use of non-null assertion operator (!).
+      '@typescript-eslint/no-explicit-any': 'off', // Warn if 'any' type is used.
+      '@typescript-eslint/no-duplicate-enum-values': 'error',
+      '@typescript-eslint/no-restricted-types': 'error',
+    },
+
+    // Override settings for specific file types
+    files: ['**/*.ts', '**/*.js', '**/*.tsx', '**/*.jsx'],
+  },
+  {
+    // Ignore specific files and directories
+    ignores: ['node_modules/', 'package-lock.json', 'dist/', '/coverage'],
+  },
+);

react-app/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "eslint ./ --ext .jsx,.js,.ts,.tsx --max-warnings 0",
+    "lint": "eslint",
     "lint:fix": "npm run lint -- --fix",
     "format": "prettier --write \"./src/**/*.{js,jsx,ts,tsx,json,css,scss}\"",
     "check": "prettier --check \"./src/**/*.{js,jsx,ts,tsx,css,scss}\"",
@@ -33,8 +33,10 @@
     "react-error-boundary": "4.0.12",
     "react-hook-form": "7.52.0",
     "react-leaflet": "4.2.1",
+    "react-plugin": "3.0.0-alpha.4",
     "react-router-dom": "6.26.0",
     "supercluster": "8.0.1",
+    "typescript-eslint": "8.4.0",
     "use-supercluster": "1.2.0"
   },
   "devDependencies": {
@@ -47,10 +49,8 @@
     "@types/leaflet": "1.9.9",
     "@types/react": "18.3.1",
     "@types/react-dom": "18.3.0",
-    "@typescript-eslint/eslint-plugin": "8.1.0",
-    "@typescript-eslint/parser": "8.1.0",
     "@vitejs/plugin-react": "4.3.0",
-    "eslint": "8.57.0",
+    "eslint": "9.9.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-prettier": "5.2.1",
     "eslint-plugin-react": "7.35.0",

react-app/src/contexts/snackbarContext.tsx

@@ -51,7 +51,6 @@ const initialState: MessageState = {
  */
 const initialContext = {
   messageState: initialState,
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   setMessageState: (() => {}) as Dispatch<SetStateAction<MessageState>>,
   styles: {
     success: {},

react-app/src/pages/DevZone.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable no-console */
 //Simple component testing area.
 import useDataLoader from '@/hooks/useDataLoader';
 import usePimsApi from '@/hooks/usePimsApi';