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