Make approach more consistent with alveusgg

eslint.config.mjs

@@ -1,14 +1,21 @@
 // @ts-check
 import eslint from "@eslint/js";
 import tseslint from "typescript-eslint";
-import pluginReact from "eslint-plugin-react";
-import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended";
+import reactPlugin from "eslint-plugin-react";
+import prettiereslint from "eslint-config-prettier";
 
-export default [
-  eslint.configs.recommended,
+export default tseslint.config(
+  {
+    name: "eslint/recommended",
+    ...eslint.configs.recommended,
+  },
   ...tseslint.configs.recommended,
-  pluginReact.configs.flat?.recommended,
-  eslintPluginPrettierRecommended,
+  // @ts-expect-error - incorrect types
+  reactPlugin.configs.flat.recommended,
+  {
+    name: "prettier/config",
+    ...prettiereslint,
+  },
   {
     languageOptions: {
       parserOptions: {
@@ -30,4 +37,4 @@ export default [
       "react/react-in-jsx-scope": "off",
     },
   },
-];
+);

package.json

@@ -32,6 +32,7 @@
   "devDependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
     "@types/dotenv-webpack": "^7.0.8",
+    "@types/eslint-config-prettier": "^6.11.3",
     "@types/node": "~20.17.9",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
@@ -44,7 +45,6 @@
     "dotenv-webpack": "^8.1.0",
     "eslint": "^9.16.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.37.2",
     "fork-ts-checker-webpack-plugin": "^9.0.2",
     "html-webpack-plugin": "^5.6.3",