title: Failed prop type: Invalid prop `children` supplied to `ForwardRef(Grid)`
body: <p>This is just one example of the issue, I am able to create the issue using many elements. When replacing child components of a element what is the correct approach so as not to get Invalid prop <code>children</code> supplied to `ForwardRef?</p>
  
  <pre><code>const dynamicJSX = () =&gt; {
    return (
      &lt;div&gt;Working&lt;/div&gt;
    )
  }
  
  return (
    &lt;Grid container &gt;
      &lt;Grid item &gt;
        {dynamicJSX}
      &lt;/Grid&gt;
    &lt;/Grid&gt;
  )
  </code></pre>