Element type is invalid expected a string undefined
<p>So I am following a course on React Native that seems to be a little out of date.
Just trying to import a single component.</p>

<pre><code>import React, { Component } from 'react';
import { AppRegistry, Text, View } from 'react-native';
import TaskList from './TaskList';

class AwesomeProject extends Component {
  constructor(props, context) {
      super(props, context);
      this.state = {
        todos:[
          {
            task:'Learn React Native'
          },
        ],
      };
  }

  render() {
    return (
      &lt;TaskList /&gt;
    );
  }
}

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

<p><strong>TaskList.js</strong></p>

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

const {
    Text,
} = React;

class TaskList extends Component {
  render() {
    return (
      &lt;Text&gt;Hi this is the TaskList!&lt;/Text&gt;
    );
  }
}

export default TaskList;
</code></pre>

<p>I have looked around and I am not doing wrong what others where</p>