React: “Too many re-renders. React limits the number of renders”

What it means

State is set during render (e.g. onClick={setX(1)}), causing an infinite loop.

How to fix it

Wrap handlers in arrow functions and move state updates into effects or events.

Paste this into React

Stop retrying previous fixes. I'm getting this error: "Too many re-renders. React limits the number of renders". Likely cause: State is set during render (e.g. onClick={setX(1)}), causing an infinite loop. Before editing, show me the relevant files and confirm the root cause. Then: Wrap handlers in arrow functions and move state updates into effects or events. Change only what's necessary, don't delete working code, don't add new libraries unless required, and tell me exactly what you changed and how to verify it.