import React from 'react';
import ReactDOM from 'react-dom';
import { mount } from 'enzyme';

const { Provider, Consumer } = React.createContext();
const element = (
  <Provider value="hello world">
    <Consumer>{greeting => greeting}</Consumer>
  </Provider>
);

ReactDOM.render(element, document.createElement('div')); // No warning, renders as expected

mount(element); // renders as expected, but yields the following warning:
/*
Warning: Failed prop type: Invalid prop `Component` supplied to `WrapperComponent`.
        in WrapperComponent
*/

mount(<div>{element}</div>); // No warning, renders as expected