fix: update linting

Author: nicolethoen

eslint.config.js

@@ -0,0 +1,34 @@
+import tseslint from 'typescript-eslint';
+import reactPlugin from 'eslint-plugin-react';
+import reactHooksPlugin from 'eslint-plugin-react-hooks';
+
+export default {
+  files: ['src/**/*.{js,jsx,ts,tsx}'],
+  languageOptions: {
+    parser: tseslint.parser,
+    parserOptions: {
+      project: './tsconfig.json',
+      tsconfigRootDir: '.',
+      ecmaFeatures: { jsx: true },
+    },
+  },
+  plugins: {
+    '@typescript-eslint': tseslint.plugin,
+    'react': reactPlugin,
+    'react-hooks': reactHooksPlugin,
+  },
+  rules: {
+    '@typescript-eslint/no-unused-vars': 'error',
+    'react/prop-types': 'off',
+    'sort-imports': ['error', { ignoreDeclarationSort: true }],
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    'react-hooks/rules-of-hooks': 'error',
+    'react-hooks/exhaustive-deps': 'warn',
+    '@typescript-eslint/interface-name-prefix': 'off',
+  },
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+}; 

package-lock.json

@@ -24,6 +24,7 @@
     "clean": "rimraf dist"
   },
   "devDependencies": {
+    "@eslint/js": "^9.29.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
@@ -61,6 +62,7 @@
     "tsconfig-paths-webpack-plugin": "^4.2.0",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3",
+    "typescript-eslint": "^8.34.0",
     "url-loader": "^4.1.1",
     "webpack": "^5.99.9",
     "webpack-bundle-analyzer": "^4.10.2",
@@ -76,5 +78,6 @@
     "react-dom": "^18",
     "sirv-cli": "^3.0.1"
   },
-  "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e",
+  "type": "module"
 }

package.json

@@ -16,7 +16,6 @@ export interface ISupportProps {
   sampleProp?: string;
 }
 
-// eslint-disable-next-line prefer-const
 let Support: React.FunctionComponent<ISupportProps> = () => (
   <PageSection hasBodyWrapper={false}>
     <EmptyState variant={EmptyStateVariant.full} titleText="Empty State (Stub Support Module)" icon={CubesIcon}>

src/app/Support/Support.tsx

@@ -8,9 +8,7 @@ import { NotFound } from '@app/NotFound/NotFound';
 
 export interface IAppRoute {
   label?: string; // Excluding the label will exclude the route from the nav sidebar in AppLayout
-  /* eslint-disable @typescript-eslint/no-explicit-any */
   element: React.ReactElement;
-  /* eslint-enable @typescript-eslint/no-explicit-any */
   exact?: boolean;
   path: string;
   title: string;

src/app/routes.tsx

@@ -11,7 +11,6 @@ if (process.env.NODE_ENV !== "production") {
       }
     ]
   };
-  // eslint-disable-next-line @typescript-eslint/no-require-imports
   const axe = require("react-axe");
   axe(React, ReactDOM, 1000, config);
 }