title: Render object as React Component
body: <p>In my implementation I pass a reactelement (at least that's what I think) as a prop.</p>
  
  <p>I would like to render this prop as it's own React Component but the browser complains that it is an object.</p>
  
  <p><strong>Code to clarify:</strong></p>
  
  <p>In parent:</p>
  
  <pre><code>render() {
    return &lt;SortableItem {...extraProps} item={React.cloneElement(item, extraProps)} /&gt;
  }
  </code></pre>
  
  <p>The <code>item</code> prop contains the element I want to render in <code>SortableItem</code></p>
  
  <p><strong>In SortableItem render:</strong></p>
  
  <p>I want to do something like this:</p>
  
  <pre><code>render() {
    return &lt;props.item /&gt;
  }
  </code></pre>
  
  <p>When I log <code>props.item</code> I get this:</p>
  
  <pre><code>Object {$$typeof: Symbol(react.element), key: "item-5", ref: null, props: 
  Object, type: function…}
  $$typeof:Symbol(react.element)
  key:"item-5"
  props:Object
  ref:null
  type:function _class()
  </code></pre>
  
  <p>I am confused as to why <code>$$typeof</code> would say this is a react element indeed, but type says it's a <code>function _class()</code> and when I log/render the browser says it's an object.</p>
  
  <p>This is the error I get in the browser when rendering <code>&lt;props.item /&gt;</code> in <code>SortableItem</code></p>
  
  <pre><code>Fatal Exception:Uncaught Invariant Violation: Element type is invalid: 
  expected a string (for built-in components) or a class/function (for 
  composite components) but got: object. Check the render method of 
  `SortableItem`.(reload cancelled)
  </code></pre>