Merge pull request #59 from Compagnia-d-Arme-del-Santo-Luca/dependabot/npm_and_yarn/lint-8edc927110

⬆️ chore(deps-dev): bump the lint group across 1 directory with 7 updates

eslint.config.mjs

@@ -1,33 +1,19 @@
-import { fixupConfigRules } from '@eslint/compat'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import globals from 'globals'
+import tsPlugin from '@typescript-eslint/eslint-plugin'
 import tsParser from '@typescript-eslint/parser'
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import reactHooks from 'eslint-plugin-react-hooks'
+import globals from 'globals'
 import js from '@eslint/js'
-import { FlatCompat } from '@eslint/eslintrc'
-
-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,
-})
+import prettierRecommended from 'eslint-plugin-prettier/recommended'
 
 export default [
   {
     ignores: ['coverage', '**/dist', '**/.eslintrc.cjs', 'eslint.config.mjs', 'public/mockServiceWorker.js'],
   },
-  ...fixupConfigRules(
-    compat.extends(
-      'prettier',
-      'eslint:recommended',
-      'plugin:@typescript-eslint/recommended',
-      'plugin:react-hooks/recommended',
-      'plugin:prettier/recommended'
-    )
-  ),
+  js.configs.recommended,
+  ...tsPlugin.configs['flat/recommended'],
+  reactHooks.configs.flat['recommended-latest'],
+  prettierRecommended,
   {
     plugins: {
       'react-refresh': reactRefresh,
@@ -44,7 +30,7 @@ export default [
 
       parserOptions: {
         project: ['./tsconfig.json', './tsconfig.base.json'],
-        tsconfigRootDir: __dirname,
+        tsconfigRootDir: import.meta.dirname,
       },
     },
 

package.json

@@ -38,7 +38,7 @@
     "vite-tsconfig-paths": "^6.1.1"
   },
   "devDependencies": {
-    "@eslint/compat": "^2.0.1",
+    "@eslint/js": "^10.0.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
@@ -46,16 +46,17 @@
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/use-analytics": "^0.0.3",
-    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.2",
     "@typescript-eslint/parser": "^8.32.1",
     "@vitest/coverage-istanbul": "^4.1.5",
-    "eslint": "^9.39.2",
+    "eslint": "^10.3.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.6.0",
     "jsdom": "^29.1.1",
-    "prettier": "^3.8.1",
+    "prettier": "^3.8.3",
     "typescript": "^5.9.3",
     "vitest": "^4.0.7"
   }

src/components/molecules/EmplyeeStack/index.tsx

@@ -1,4 +1,4 @@
-import { FC, useEffect, useState } from 'react'
+import { FC, useState } from 'react'
 import { Box, IconButton } from '@mui/material'
 import ShuffleIcon from '@mui/icons-material/NextPlan'
 
@@ -21,10 +21,12 @@ const EmplyeeStack: FC<Props> = ({
   onClick,
 }) => {
   const [items, setItems] = useState(initialItems)
+  const [prevInitialItems, setPrevInitialItems] = useState(initialItems)
 
-  useEffect(() => {
+  if (prevInitialItems !== initialItems) {
+    setPrevInitialItems(initialItems)
     setItems(initialItems)
-  }, [initialItems])
+  }
 
   const handleTopClick = () => {
     if (items.length) {