Intended outcome:

Walking down the tree via getDataFromTree correctly handles Context.Consumer and continue walking down the whole component tree.

Actual outcome:

getDataFromTree incorrectly handles Context.Consumer component and consider it as a Context.Provider. That means that render prop children function of Context.Consumer is not called but passed down to walkTree which is unable to handle plain function and consider tree to be traversed. (https://github.com/jsantha/getDataFromTreeReactContextBug/blob/master/getDataFromTreeDebug.ts#L156)

React version provided in demo reports corresponding warning: Warning: Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?

How to reproduce the issue:

Demo with debugged current version of getDataFromTree: https://github.com/jsantha/getDataFromTreeReactContextBug

Version

• [email protected]
• [email protected]