<Context.Consumer.Provider> Warning

I am building with the t3 stack. I have 2 context apis on two different page in my web app. They are set up almost exactly the same way but one is throwing the following warnings in the console:
Warning: Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?
at ScheduleTable (webpack-internal:///./src/components/stripboard/ScheduleTable.tsx:46:189)
at DataProvider (webpack-internal:///./src/contexts/ScheduleDataContext.tsx:16:11)
......
Warning: Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?
at ScheduleTable (webpack-internal:///./src/components/stripboard/ScheduleTable.tsx:46:189)
at DataProvider (webpack-internal:///./src/contexts/ScheduleDataContext.tsx:16:11)
......
Same for the Context.Consumer.Consumer
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?.....
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?.....
I am not using Context.Consumer.Provider or Context.Consumer.Consumer or I don't think I am. I even tried to verify with a google search, but could get anywhere My full context api is in the image along with where I initialize it
No description
No description
0 Replies
No replies yetBe the first to reply to this messageJoin