React 16 : componentDidUpdate Warning: Scheduled a cascading update

I profiled the performance of my application using react redux by following this article by Ben Schwarz.

In the user timing section, i get these warnings (with a no entry sign): There is two messages:

• (Committing Changes) Warning: Lifecycle hook scheduled a cascading update
• Connect(MyComponent).componentDidUpdate Warning: Scheduled a cascading update

I made some search but i found nothing special. It seems related to the componentDidUpdate function of the connect HOC of react-redux.

What does these messages means ?

[gaearon]

can either of you give some additional info on what the warning actually means, both in terms of the cause and resulting behavior?

It means what it says: you scheduled a cascading update. “Cascading” means an update inside an update. React first reconciles the tree by calling render, then commits DOM changes, then calls lifecycle hooks. If you call setState in componentDidMount, you are causing React to repeat the cycle: reconcile the tree, commit DOM changes, and call the hooks. This is wasteful.

[gaearon]

Eh. Really unfortunate that this approach causes people to learn to ignore an otherwise valid and useful warning. Hopefully we can figure out a solution with the new context API soon. 😃