title: Element type is invalid. Expected string
body: <p><a href="https://i.stack.imgur.com/NqNVk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NqNVk.png" alt="enter image description here"></a></p>
  
  <p>When I try this code it shows this strange error. And most interesting part is that there was not any change in render method. It worked perfectly unless I add mapvew inside the view. Here is the code:</p>
  
  <pre><code>import React, {Component} from "react";
  import {View, Image, MapView} from "react-native";
  import {
    Container,
    Header,
    Content,
    Footer,
    FooterTab,
    Button,
    Icon,
    Text,
    Left,
    Right,
    Body,
    Title,
    Thumbnail,
    Grid,
    Row,
    Col,
  
  } from "native-base";
  
  import  typographystyles  from '../styles/typographystyles'; 
  import { primary, secondary } from '../styles/variables';
  class PostScreen extends Component {
  
    render() {
      return (
        &lt;Container style={styles.container}&gt;
  
          &lt;Content&gt;
  
  
          &lt;View&gt;  
                &lt;Grid&gt;
                &lt;Row&gt;
         &lt;Col style={styles.col} &gt;
  
          &lt;Text style={typographystyles.heading1}&gt; Jennifer &lt;/Text&gt;
          &lt;Text style={{marginTop:-20, fontSize:16, marginLeft:15}}&gt; Vew and Edit Profile &lt;/Text&gt;
         &lt;/Col&gt;
  &lt;Col style={styles.col}&gt;       
          &lt;Thumbnail style={{marginTop:20}} source={require("../img/profile2.jpg")}/ &gt;
       &lt;/Col&gt; 
       &lt;/Row&gt;
       &lt;/Grid&gt;       
  
         &lt;/View&gt;
         &lt;View style={{marginLeft:15, marginBottom:20}}&gt;
         &lt;Text style={{marginTop:10,marginBottom:10, fontSize:18}}&gt; 90 EUR per night &lt;/Text&gt;
  
  
             &lt;/View&gt;
             &lt;Text style={{marginLeft:5, marginRight:5}}&gt;
             Lorem ipsum dolor sit amet, eum iisque accommodare cu, ex enim eligendi appareat nec. Magna quando aliquid mel ea, exerci nonumes maiestatis eum ei, harum possim sed ut. Mea omnis bonorum posidonium ne, pri ne illud suavitate assentior. His choro numquam ad, mei te integre vituperatoribus. An vim nobis similique theophrastus, mazim mandamus assentior pro id.
  
  Ad bonorum senserit postulant eum, quo et virtute feugiat. Reque laudem referrentur ex mei. Eu vel dico sonet iudicabit. Eos et falli fabulas, eam quis timeam voluptatum ea. Nullam persequeris ne nec. Reque error vivendum sit id, te sit partem aeterno feugait.
  &lt;/Text&gt;
  &lt;View style={{flex: 1}}&gt;
  &lt;MapView
    style={styles.map}
    showsUserLocation={true}/&gt;
  &lt;/View&gt;
                  &lt;/Content&gt;
  
  
        &lt;/Container&gt;
      );
    }
  }
  
  const styles = {
    img: {
  height:200,
  width: null,
  flex:1,
    },
  
  col:{
    marginTop:30,
    justifyContent: "center",
  alignItems: "center",
  },
   map:{
      flex:1
    },
  
  }
  
  export default PostScreen;
  </code></pre>
  
  <p>What is wrong with this code? How can it be fixed?
  As I said it was caused only after trying to add mapvew.</p>
  
  <p>Thanks in advance :)</p>