title: Warning: Failed prop type: Invalid prop `source` supplied to `Image`
body: <p>I have this warning in my project: "Warning: Failed prop type: Invalid prop <code>source</code> supplied to <code>Image</code>". I'm loading an image from sampleProducts.json to Recommendend.js and pass it as props in Products.js, but the image won't load because of the warning.</p>
  
  <p>sampleProducts.json</p>
  
  <pre><code>"recommended": {
      "product1": {
          "id": "1",
          "image": "require('../images/sample1.png')",
          "name": "Sample Product",
      },
  </code></pre>
  
  <p>Recommmended.js</p>
  
  <pre><code>{Object.values(recommended).map(product =&gt; (
                      &lt;Products
                          key={ product.id }
                          productImage={ product.image }
                          productName={ product.name }
                      /&gt;
                  ))}
  </code></pre>
  
  <p>Products.js</p>
  
  <pre><code>&lt;Card style={ styles.card }&gt;
                      &lt;CardItem&gt;
                          &lt;Image style={ styles.productImage } source={ productImage} resizeMode='contain' /&gt;
                      &lt;/CardItem&gt;
                      &lt;CardItem&gt;
                          &lt;Body&gt;
                              &lt;Text style={ styles.productName }&gt;{productName}&lt;/Text&gt;
                          &lt;/Body&gt;
                      &lt;/CardItem&gt;
                  &lt;/Card&gt;
  </code></pre>