React Native Component not working check render method of App
<p>i'm using <strong>React Native</strong> for building an <strong>Android App</strong></p>

<p>I'm trying to import a <strong>component</strong> in <strong>index.android.js</strong> file from the folder located in <strong>app/containers/AppContainer.js</strong>.</p>

<p>When i run the code i got thi error:</p>

<p><strong>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 <code>App</code></strong></p>

<p>this is my <strong>index.android.js</strong> file:</p>

<pre><code>import React, { Component } from 'react';

import {  createStore,Provider, applyMiddleware, combineReduxers, compose } from 'redux';
import thunkMiddleware from 'redux-thunk';
import createLogger from 'redux-logger';


import {  AppRegistry } from 'react-native';
import { expect,assert } from 'chai';

import reducer from './app/reducers';
import AppContainer from './app/containers/AppContainer'

const loggerMiddleware = createLogger({ predicate: (getState,action) =&gt; __DEV__ });

function configureStore (initialState) {
 const enhancer = compose(
      applyMiddleware(
         thunkMiddleware,
         loggerMiddleware,
      ),
     );
  return createStore(reducer, initialState, enhancer);
 }

const store = configureStore({});



const App = () =&gt; (
  &lt;Provider store={store}&gt;
    &lt;AppContainer /&gt;
  &lt;/Provider&gt;
)

AppRegistry.registerComponent('Appetizing', () =&gt; App);
</code></pre>

<p>and this is my <strong>AppContainer.js</strong> file:</p>

<pre><code> import React, { Component } from 'react'
 import ReactNative from 'react-native'
 const {
   View,
   Text,
 } = ReactNative

class AppContainer extends Component{

render(){
  return &lt;View&gt;
    &lt;Text style={{marginTop: 20}}&gt;
    I am app container
    &lt;/Text&gt;
  &lt;/View&gt;
  } 

 } 


export default AppContainer
</code></pre>