title: Failed prop type: Invalid prop `region.latitude` of type `string` supplied to `MapView`, expected `number`
body: <p>I'm using react-native 0.61 and I got two files. As you can see below I'm passing location from FethcLocation.js to app.js file and assign it as a location object. Then I pass down it to the userMaps.js file and assign it to longitude and latitude values. but I'm getting an error saying...</p>
  
  <hr>
  
  <blockquote>
    <p>Warning: Failed prop type: Invalid prop <code>region.latitude</code> of type
    <code>string</code> supplied to <code>MapView</code>, expected <code>number</code>.</p>
  </blockquote>
  
  <hr>
  
  <p><strong>FetchLocation.js</strong></p>
  
  <pre><code>import React from 'react';
  import {View} from 'react-native';
  navigator.geolocation = require('@react-native-community/geolocation');
  
  class FetchLocation extends React.Component {
    componentDidMount() {
      navigator.geolocation.getCurrentPosition(
        position =&gt; {
          this.props.setLocation(position);
        },
        error =&gt; {
          console.log(error);
        },
        {enableHighAccuracy: false, timeout: 20000, maximumAge: 10000},
      );
    }
  
    render() {
      return &lt;View&gt;&lt;/View&gt;;
    }
  }
  
  export default FetchLocation;
  </code></pre>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>import React from 'react';
  import {Button} from 'react-native';
  import FetchLocation from './components/FetchLocation';
  import UserMaps from './components/UserMaps';
  
  class App extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        location: {lat: '', lon: ''},
        showTraffic: 'false',
      };
    }
  
    assignLocation = props =&gt; {
      this.setState({
        location: {
          lat: props.coords.latitude,
          lon: props.coords.longitude,
        },
      });
    };
  
    manageTraffic = () =&gt; {
      this.setState({
        showTraffic: 'true',
      });
      console.log(this.state.showTraffic);
    };
  
    render() {
      return (
        &lt;&gt;
          &lt;Button title="Traffic" onPress={this.manageTraffic}&gt;&lt;/Button&gt;
          &lt;FetchLocation setLocation={this.assignLocation} /&gt;
          &lt;UserMaps mapData={this.state} /&gt;
        &lt;/&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  
  <p><strong>userMaps.js</strong></p>
  
  <pre><code>import React from 'react';
  import {View, StyleSheet} from 'react-native';
  import MapView, {PROVIDER_GOOGLE} from 'react-native-maps';
  
  const UserMaps = props =&gt; {
    const {location, showTraffic} = props.mapData;
  
    return (
      &lt;View style={styles.mapContainer}&gt;
        &lt;MapView
          provider={PROVIDER_GOOGLE}
          showsUserLocation={true}
          showsCompass={true}
          showsBuildings={false}
          showsTraffic={true}
          showsIndoors={true}
          style={styles.map}
          region={{
            latitude: location.lat,
            longitude: location.lon,
            latitudeDelta: 0.015,
            longitudeDelta: 0.0121,
          }}&gt;
          {/* &lt;MapView.Marker coordinate={(location.lat + 2, location.lon + 2)} /&gt; */}
        &lt;/MapView&gt;
      &lt;/View&gt;
    );
  };
  
  const styles = StyleSheet.create({
    mapContainer: {
      width: '100%',
      height: '100%',
    },
  
    map: {
      height: '100%',
      width: '100%',
    },
  });
  
  export default UserMaps;
  </code></pre>