React SPA Churning Due to Direct Component Body State Updates

Verify this cause by inspecting the component's top-level code block. Check for any 'setState' or dispatch calls that are not wrapped within a 'useEffect' hook or an event handler function. If a state update function is executed directly in the component body, it will trigger a re-render every time the component attempts to paint, creating an immediate loop.

Sources