In React componentDidUpdate, can props and state change at the same time?

Question

In a react component, normally you should not mutate props inside it. Also, the parent can only change the props, not the state directly. Based on these two facts, is it correct to assume that in any call of componentDidUpdate e.g.,

componentDidUpdate(prevProps: Readonly>, prevState: Readonly)

this.props could be different from prevProps, OR this.state could be different from prevState, but both situation cannot occur at the same time?

Answer 1

From react docs:

React may batch multiple setState() calls into a single update for performance.

So my best guess based on that is that for performance reasons React may group together props and state updates to perform only one update instead of two. So to answer your question:

this.props could be different from prevProps, OR this.state could be different from prevState, but both situations cannot occur at the same time?

I think it may actually happen like previously said - for performance reasons.