reactjs – React use.Effect not triggering
useEffect only runs when one of its dependencies changes. If your effect is not firing, it usually means one of the following:
1. Your dependency array never changes
If you wrote:
useEffect(() => {
console.log("Triggered");
}, [value]);
…but value is not actually changing, the effect will never re-run.
React compares dependencies using shallow comparison, so if the value is the same reference, it won’t trigger.
Example problem:
setState({ count: 1 }); // same object structure, new render, but same reference
Fix:
setState(prev => ({ ...prev, count: 1 }));
Read more here: Source link
