title: Invariant Violation: View config not found for name div. Make sure to start component names with a capital letter
body: <p>I'm new to React Native. This is my error:</p>
  
  <p><img src="https://i.stack.imgur.com/DC5nY.png" alt="this is the error i am getting"></p>
  
  <p>My code looks like this:</p>
  
  <p><strong>Toolbar.js</strong>
  import React from 'react';</p>
  
  <pre><code>const Toolbar = props =&gt; (
      &lt;header&gt;
          &lt;nav&gt;
              &lt;div&gt;&lt;/div&gt;
              &lt;div&gt;&lt;a href="/"&gt;THE LOGO&lt;/a&gt;&lt;/div&gt;
              &lt;div&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="/"&gt;Products&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="/"&gt;Users&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/nav&gt;
      &lt;/header&gt;
  );
  
  export default Toolbar;
  </code></pre>
  
  <p><strong>App.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  
  import Toolbar from './components/Toolbar/Toolbar' 
  
  class App extends Component {
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;Toolbar /&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  
  <p><strong>index.js</strong></p>
  
  <pre><code>import { AppRegistry } from 'react-native';
  import App from './App';
  AppRegistry.registerComponent('albums', () =&gt; App);
  </code></pre>