title: Element type is invalid: expected a string but got: object
body: <blockquote>
    <p>"Element type is invalid: expected a string (for built-in components)
    or a class/function (for composite components but got: object. Check
    the render method of AppContainer.</p>
  </blockquote>
  
  <p>I am getting the error that was initially shown in a tutorial video here:</p>
  
  <p><a href="https://youtu.be/6zVGVHWklg8?t=6m1s" rel="nofollow noreferrer">https://youtu.be/6zVGVHWklg8?t=6m1s</a></p>
  
  <p>The file has been named correctly "/app/containers/ApplicationTabs/index.ios.js" and the file contents are exactly as shown in the tutorial. </p>
  
  <p>However where the app worked in the video once ApplicationTabs was "connected" I am still getting the above error after doing so myself.</p>
  
  <p>I am using a newer version of a lot of the react/react-native/redux modules though. I am not sure if the convention of using files with OS specific naming would affect the way they have to be imported? </p>
  
  <p>Below is my package.json dependencies :</p>
  
  <pre><code>"dependencies": { 
    "react": "15.4.2", 
    "react-native": "0.40.0", 
    "react-redux": "^5.0.2", 
    "redux": "^3.6.0", 
    "redux-logger": "^2.7.4", 
    "redux-thunk": "^2.2.0" 
  }
  </code></pre>
  
  <p>This is the contents of "/app/containers/ApplicationTabs/index.ios.js" :</p>
  
  <pre><code>import { View, TabBarIOS, TabBarItemIOS } from 'react-native'; 
  import React, { Component } from 'react'; 
  import { connect } from 'react-redux'; 
  
  class ApplicationTabs extends Component { 
    render() { 
      return ( &lt;View /&gt; ); 
    } 
  } 
  
  function mapStateToProps(state) { 
    return { }; 
  } 
  
  export default connect(mapStateToProps)(ApplicationTabs);
  </code></pre>
  
  <p>This is the contents of "/app/containers/AppContainer.js" :</p>
  
  <pre><code>import React, {Component} from 'react'; 
  import {connect} from 'react-redux'; 
  import {ActionCreators} from '../actions'; 
  import {bindActionCreators} from 'redux'; 
  import ApplicationTabs from './ApplicationTabs'; 
  
  class AppContainer extends Component { 
    render() { 
      return ( &lt;ApplicationTabs { ...this.props } /&gt; ) 
    } 
  } 
  
  function mapDispatchToProps(dispatch) { 
    return bindActionCreators(ActionCreators, dispatch); 
  } 
  
  export default connect( () =&gt; { return {} }, mapDispatchToProps)(AppContainer);
  </code></pre>