title: Cannot add a child node that doesn't have a YogaNode to a parent without measure function
body: <p><a href="https://i.stack.imgur.com/8ynID.png" rel="nofollow noreferrer">Click here for an image of the screenshot</a></p>
  
  <p>Trying to create a log-in form which reads information from a firebase database through axios; getting an error related to YogaNodes. Read about this; I think there must be something wrong with the JSX syntax. But both SublimeLinter (the text editor I use) and I can't seem to figure out what's wrong.</p>
  
  <p>Pretty sure the components imported (Card, CardSection, Button, Spinner) are fine since those are reusable components I have been using with my other Apps.</p>
  
  <pre><code>import React, { Component } from 'react';
  import { View } from 'react-native';
  import axios from 'axios';
  import firebase from 'firebase';
  import { Header, Button, Spinner, CardSection, AlbumDetail } from './components/common';
  import LoginForm from './components/LoginForm';
  
  class App extends Component {
      state = { loggedIn: null, albums: [] };
  
   componentWillMount() {
   firebase.initializeApp({
   apiKey: 'xx',
   authDomain: 'xx',
   databaseURL: 'xx',
   projectId: 'xx',
   storageBucket: 'xx',
   messagingSenderId: 'xx'
  });
  
      axios.get('https://xx')
              .then(response =&gt; this.setState({ albums: response.data }));
  
      firebase.auth().onAuthStateChanged((user) =&gt; {
        if (user) {
          this.setState({ loggedIn: true });
        } else {
          this.setState({ loggedIn: false });
        }
      });
    }
  
    renderAlbums() {
          return this.state.albums.map(album =&gt; 
              &lt;AlbumDetail key={album.District} album={album} /&gt;);
      }
  
    renderContent() {
      switch (this.state.loggedIn) {
        case true:
          return (
          &lt;CardSection&gt;
            &lt;Button onPress={() =&gt; firebase.auth().signOut()}&gt;
              Log Out
            &lt;/Button&gt;
          &lt;/CardSection&gt;  
          );
        case false:
          return &lt;LoginForm /&gt;;
        default:
          return &lt;Spinner size='large' /&gt;;
      }
    }
  
    render() {
      return (
        &lt;View&gt;
          &lt;Header headerText='Authentication' /&gt;
          console.log(this.state.albums)
          {this.renderContent()}
        &lt;/View&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  
  <p>Any help would be appreciated.</p>