addressing linter

Author: bwang-icf

client/eslint.config.mjs

@@ -1,17 +1,43 @@
-import { fixupConfigRules } from "@eslint/compat";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
 import js from "@eslint/js";
-import { FlatCompat } from "@eslint/eslintrc";
+import tsPlugin from "@typescript-eslint/eslint-plugin";
+import tsParser from "@typescript-eslint/parser";
+import reactPlugin from "eslint-plugin-react";
+import globals from "globals";
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const compat = new FlatCompat({
-    baseDirectory: __dirname,
-    recommendedConfig: js.configs.recommended,
-    allConfig: js.configs.all
-});
-
-export default [{
-    ignores: [],
-}, ...fixupConfigRules(compat.extends("react-app"))];
+export default [
+  {
+    ignores: ["node_modules/**", "dist/**", "build/**", "coverage/**"]
+  },
+  {
+    files: ["**/*.{js,jsx,ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: 2020,
+      sourceType: "module",
+      globals: {
+        ...globals.browser,
+        ...globals.node
+      },
+      parser: tsParser,
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true
+        }
+      }
+    },
+    plugins: {
+      "@typescript-eslint": tsPlugin,
+      "react": reactPlugin
+    },
+    rules: {
+      ...js.configs.recommended.rules,
+      ...tsPlugin.configs.recommended.rules,
+      "react/react-in-jsx-scope": "off",
+      "react/prop-types": "off"
+    },
+    settings: {
+      react: {
+        version: "detect"
+      }
+    }
+  }
+];

client/package.json

@@ -67,6 +67,7 @@
     "@vitest/coverage-v8": "3.1.2",
     "eslint": "^9.37.0",
     "eslint-plugin-react": "^7.37.5",
+    "globals": "^15.0.0",
     "jsdom": "^25.0.1",
     "react-error-overlay": "6.0.9",
     "react-router-dom": "^7.13.0",