Warning: Rendering <Context.Consumer.Consumer> is not supported...

See original GitHub issue

image

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:closed
  • Created 5 years ago
  • Reactions:2
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

4reactions
Richard87commented, Nov 15, 2018

I just updated to beta.3 and it seems to be fixed 👍

0reactions
Richard87commented, Nov 12, 2018

Also, I noticed I only get 5 warnings, while I have 6 NavItems! (I’m guessing this is relevant 😉 )

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found