[React 19]Calling setState inside useEffect causes 'Maximum update depth exceeded'

[TangJian-Eddie]

Summary

I noticed that while maximum update depth exceeded, Class Components will throw an Error, but Function Components only console.error only in the development environment. I’d like to understand the reason for this behavior and whether it’s possible for Function Components to also throw an Error. Our project aims to catch such errors promptly.

[mbilawalzaman]

To avoid the "Maximum update depth exceeded" error, ensure that you manage state updates properly inside useEffect, with the correct dependency array and conditions. If you want to enforce throwing an error instead of just logging it, you may need to use an error boundary or other custom error-handling mechanisms.

[henningsieh]

perhabs (?) this is related: TanStack/query#8677