1
ReactIntermediate#state#patterns
ReactAdvanced#effects#debugging
What causes an infinite re-render loop?
Setting state unconditionally during render or in an effect whose dependency changes on every render — for example a new object or array literal in the dependency array.
Example
// loop
useEffect(() => setCount(count + 1));
// loop: new object each render
useEffect(() => load(), [{ page }]);
// fix
useEffect(() => load(), [page]);