React
React maximum update depth exceeded
Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate.
React detected an infinite or deeply recursive update loop and stopped rendering to prevent the component from updating forever.
Observed message
Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate.
Why it happens
- A lifecycle method or effect updates state every time the component renders.
- Derived state logic triggers another update unconditionally.
- Two pieces of state or props keep causing each other to update in a loop.
How to fix it
- Guard state updates so they only run when values actually change.
- Review effects and lifecycle methods for unconditional setState calls.
- Break cyclic update chains between related state and props.
