fix the tests

src/Dropdown.js

@@ -131,14 +131,11 @@ export default class Dropdown extends Component {
       onMouseLeave: mode === 'hover' && handleMouseLeave,
     }
 
-    if (typeof this.props.children === 'function') {
-      return this.props.children({ isOpen, ...eventHandlers })
+    if (typeof children === 'function') {
+      return children({ isOpen, ...eventHandlers })
     }
 
-    if (!Array.isArray(children) || children.length !== 2) {
-      return new Error('Children must be passed as array and must have two components.')
-    }
-    const [target, body] = this.props.children
+    const [target, body] = children
 
     // construct target Element
     const targetElement = cloneElement(target, {

src/__tests__/Dropdown-test.js

@@ -196,11 +196,11 @@ it('closes when clicked when in hover mode', () => {
   expect(component.getInstance().state.isOpen).toBe(false)
 })
 
-it('it should throw error on invalid children', () => {
+it('it should throw Invalid proptytype error on invalid children', () => {
   expect(() => {
     const component = renderer.create(
       <Dropdown mode="hover">
-        {[<Button key="button">Hover</Button>]}
+        <Button key="button">Hover</Button>
       </Dropdown>
    )
     component.toJSON()

src/__tests__/__snapshots__/Dropdown-test.js.snap

@@ -377,7 +377,10 @@ exports[`it should render correctly when children are passed as function 1`] = `
 </div>
 `;
 
-exports[`it should throw error on invalid children 1`] = `"Dropdown.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object."`;
+exports[`it should throw Invalid proptytype error on invalid children 1`] = `
+"Warning: Failed prop type: Invalid prop \`children\` supplied to \`Dropdown\`.
+    in Dropdown"
+`;
 
 exports[`renders correctly 1`] = `
 <div