title: React Native NavigatorIOS error: Element type is invalid expected a string or a class/function
body: <blockquote>
    <p>Element type is invalid: expected a string(for built-in components) or
    a class/function (for composite components) but got: undefined. check
    the render method of 'NavigatorIOS'.</p>
  </blockquote>
  
  <p>Here is my code</p>
  
  <pre><code>/**
   * Sample React Native App
   * https://github.com/facebook/react-native
   */
  'use strict';
  
  import React, {
    AppRegistry,
    StyleSheet,
    NavigatorIOS,
    View,
    Text,
  } from 'react-native';
  
  var Dashboard = require('./App/Views/Dashboard/index.ios.js');
  
  class HackerNews extends React.Component {
      render() {
          return (
  
              &lt;NavigatorIOS style={styles.container}
                  tintColor='#FF6600'
                  initialRoute={{
                      title: 'Hacker News',
                      Component: Dashboard,
                  }}/&gt;
          );
      }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#F6F6FF',
    },
  
  });
  
  AppRegistry.registerComponent('HackerNews', () =&gt; HackerNews);
  </code></pre>
  
  <p>Dashboard code:</p>
  
  <pre><code>'use strict';
  
  import React, {
      StyleSheet,
      Text,
      View,
      TouchableHighlight,
  } from 'react-native';
  
  //var api = require("../../Network/api.js");
  //var Post = require("../Post/index.ios.js");
  
  export default class Dashboard extends React.Component {
      constructor(props){
          super(props);
          this.state = {
              topStoryIDs: null,
              lastIndex: 0
          };
      }
  
      render(){
          return(
              &lt;View&gt;
                  &lt;Text&gt;Dashboard Testing&lt;/Text&gt;
              &lt;/View&gt;
          );
      }
  }
  </code></pre>
  
  <p>Updates:</p>
  
  <p>figured it out. component should be lowercase.</p>