fix: send Context instead of Context.Consumer react-context-toolbox (#…

…3368)

As outlined in react-restart/context#9, context toolbox
needs to only use only Context, not Context.Consumer

src/Dropdown.js

@@ -145,7 +145,7 @@ const UncontrolledDropdown = createBootstrapComponent(
 );
 
 const DecoratedDropdown = mapContextToProps(
-  SelectableContext.Consumer,
+  SelectableContext,
   (onSelect, props) => ({
     onSelect: chain(props.onSelect, onSelect),
   }),

src/FormControl.js

@@ -141,7 +141,7 @@ const mapContext = ({ controlId }, { id }) => {
 };
 
 const DecoratedFormControl = mapContextToProps(
-  FormContext.Consumer,
+  FormContext,
   mapContext,
   createBootstrapComponent(FormControl, {
     prefix: 'form-control',

src/FormLabel.js

@@ -82,7 +82,7 @@ const mapContext = ({ controlId }, { htmlFor }) => {
 };
 
 export default mapContextToProps(
-  FormContext.Consumer,
+  FormContext,
   mapContext,
   createBootstrapComponent(FormLabel, 'form-label'),
 );

src/Nav.js

@@ -138,7 +138,7 @@ const UncontrolledNav = uncontrollable(createBootstrapComponent(Nav, 'nav'), {
 });
 
 const DecoratedNav = mapContextToProps(
-  [NavbarContext.Consumer, CardContext.Consumer],
+  [NavbarContext, CardContext],
   (navbarContext, cardContext, { navbar }) => {
     if (!navbarContext && !cardContext) return {};
 

src/TabPane.js

@@ -150,7 +150,7 @@ class TabPane extends React.Component {
 }
 
 export default mapContextToProps(
-  TabContext.Consumer,
+  TabContext,
   (context, props) => {
     if (!context) return null;
     const { activeKey, getControlledId, getControllerId, ...rest } = context;

www/src/components/Heading.js

@@ -43,7 +43,7 @@ class Heading extends React.Component {
 }
 
 export default mapContextToProps(
-  TocContext,
+  TocContext.Consumer,
   c => ({ registerNode: c.registerNode }),
   Heading,
 );