title: React-Moment gives: "Invariant Violation: Text strings must be rendered within a <Text> component"
body: <p>I've narrowed this down to find that the error occurs only when I try to pass the <code>&lt;Moment /&gt;</code> component as described in the <a href="https://www.npmjs.com/package/react-moment" rel="nofollow noreferrer">React-Moment documentation</a>. So far, I haven't found any explanations specific to this package and hope someone out there has had a similar issue!</p>
  
  <p>The docs spell out a usage like this:</p>
  
  <pre><code>import Moment from 'react-moment';
  
  // then within the class component:
  return (
          const dateToFormat = '1976-04-19T12:59-0500';
          &lt;Moment&gt;{dateToFormat}&lt;/Moment&gt;
          );
  </code></pre>
  
  <p>And I'd like to take a raw date string like this:</p>
  
  <p><code>&lt;Text&gt;Created {this.props.postDate}&lt;/Text&gt;</code></p>
  
  <p>which is stored thusly: <code>"postDate": "2019-01-31T04:13:31.224Z"</code></p>
  
  <p>but so far, anytime I add <code>&lt;Moment&gt;{this.props.postDate}&lt;/Moment&gt;</code>, whether that be outside of or inside of the existing <code>&lt;Text /&gt;</code> block I get red: </p>
  
  <p><a href="https://i.stack.imgur.com/6fSCt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6fSCt.png" alt="enter image description here"></a></p>