title: Objects are not valid as a React child (found: object with keys {children}): ReactJS
body: <pre><code>const Label = children =&gt; (
    &lt;div className="label"&gt;{children}&lt;/div&gt;
  );
  
  &lt;Label&gt;some text&lt;/Label&gt;
  </code></pre>
  
  <p>This gives an error:</p>
  
  <blockquote>
    <p>Objects are not valid as a React child (found: object with keys
    {children}). If you meant to render a collection of children, use an
    array instead.</p>
  </blockquote>
  
  <p>What's the right way to do it?</p>