Why isn’t useEffect Triggering on Array State Change in React ?
one common issue that developers may encounter is that useEffect doesn’t seem to be triggering when an array state changes.
Troubleshooting the React useEffect Hook calling twice
One common problem is when the useEffect callback seems to be firing more than once on the initial render, contrary to its expected behavior.