Throw more specific error if passed undefined in React.cloneElement

packages/react/src/ReactElement.js

@@ -10,6 +10,8 @@ import {REACT_ELEMENT_TYPE} from 'shared/ReactSymbols';
 
 import ReactCurrentOwner from './ReactCurrentOwner';
 
+import invariant from 'fbjs/lib/invariant';
+
 const hasOwnProperty = Object.prototype.hasOwnProperty;
 
 const RESERVED_PROPS = {
@@ -290,6 +292,12 @@ export function cloneAndReplaceKey(oldElement, newKey) {
  * See https://reactjs.org/docs/react-api.html#cloneelement
  */
 export function cloneElement(element, config, children) {
+  invariant(
+    !(element === null || element === undefined),
+    'React.cloneElement(...): The argument must be a React element, but you passed %s.',
+    element,
+  );
+
   let propName;
 
   // Original props are copied

packages/react/src/__tests__/ReactElementClone-test.js

@@ -359,4 +359,18 @@ describe('ReactElementClone', () => {
     }
     expect(clone.props).toEqual({foo: 'ef'});
   });
+
+  it('throws an error if passed null', () => {
+    const element = null;
+    expect(() => React.cloneElement(element)).toThrow(
+      'React.cloneElement(...): The argument must be a React element, but you passed null.',
+    );
+  });
+
+  it('throws an error if passed undefined', () => {
+    let element;
+    expect(() => React.cloneElement(element)).toThrow(
+      'React.cloneElement(...): The argument must be a React element, but you passed undefined.',
+    );
+  });
 });