♻️ refactor(people): use best practices for props-driven state updates

@see https://react.dev/learn/you-might-not-need-an-effect#adjusting-some-state-when-a-prop-changes
This commit is contained in:
2026-05-08 17:58:22 +02:00
parent 9bd2b2b723
commit 6a53ff946d
@@ -1,4 +1,4 @@
import { FC, useEffect, useState } from 'react' import { FC, useState } from 'react'
import { Box, IconButton } from '@mui/material' import { Box, IconButton } from '@mui/material'
import ShuffleIcon from '@mui/icons-material/NextPlan' import ShuffleIcon from '@mui/icons-material/NextPlan'
@@ -21,10 +21,12 @@ const EmplyeeStack: FC<Props> = ({
onClick, onClick,
}) => { }) => {
const [items, setItems] = useState(initialItems) const [items, setItems] = useState(initialItems)
const [prevInitialItems, setPrevInitialItems] = useState(initialItems)
useEffect(() => { if (prevInitialItems !== initialItems) {
setPrevInitialItems(initialItems)
setItems(initialItems) setItems(initialItems)
}, [initialItems]) }
const handleTopClick = () => { const handleTopClick = () => {
if (items.length) { if (items.length) {