Warning: Rendering <Context.Consumer.Consumer> is not supported...
See original GitHub issue
I think the fix for #3347 introduced this bug: (For the record, I also upgraded to React 16.7-alpha.0, but I don’t think that’s the cause 😃 )
Full error message:
index.js:1452 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?
in nav (created by Navbar)
in Navbar (created by Uncontrolled(Navbar))
in Uncontrolled(Navbar) (at src/index.js:127)
in div (created by Row)
in Row (created by Context.Consumer)
in div (created by Container)
in Container (created by Context.Consumer)
in NavContainer (at Page.js:48)
in Query (at ComponentQuery.js:64)
in ComponentQuery (created by Mutation)
in Mutation (created by Apollo(ComponentQuery))
in Apollo(ComponentQuery) (at Page.js:48)
in Query (at App.js:22)
in App (at src/index.js:13)
in Router (created by BrowserRouter)
in BrowserRouter (at src/index.js:12)
in ApolloProvider (at src/index.js:11)
Pinging @nathanstitt , Here is your stack trace 😃
Issue Analytics
- State:
- Created 5 years ago
- Reactions:2
- Comments:7 (1 by maintainers)
Top Results From Across the Web
Rendering <Context> directly is not supported and will be ...
Solution for me was changing: import AuthProvider from "./context/AuthContext";. To: import {AuthProvider} from "./context/AuthContext";.
Read more >Warning: Rendering <Context.Consumer.Provider> is not ...
The current version 4.3.0 of react-tree-walker in npm triggers this warning on Context components. Looking at the repository, this might be ...
Read more >The child node of a React context consumer ... - DeepScan
The child node of a context consumer should be a function that takes the current context value and returns a React node to...
Read more >Context - React
All consumers that are descendants of a Provider will re-render whenever the Provider's value prop changes. The propagation from Provider to its descendant ......
Read more >Provider Pattern with React Context API - Flexiple
Provider can provide the data/ API which can be consumed by the consumers. Context API is not the only solution to the above...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I just updated to beta.3 and it seems to be fixed 👍
Also, I noticed I only get 5 warnings, while I have 6 NavItems! (I’m guessing this is relevant 😉 )