title: Cannot read props type of 'undefined'
body: <p>Im trying to pass simple properties from my child component  to the parent component . I can't for the life of me understand why I'm getting this error. My understanding of react is that you can declare props (i.e. this.props.text) in any function or class and then pass it to the parent.</p>
  
  <p>Tickerbox.js (child)</p>
  
  <pre><code>import React from 'react';
  import './App.css';
  function Tickerbox(props) {
   return (
      &lt;div className="container"&gt;
          &lt;div className="row"&gt;
              &lt;div className="col-sm-6"&gt;
                  &lt;h1&gt;&lt;/h1&gt;;
              &lt;/div&gt;
              &lt;div className="col-sm-6"&gt;
                  &lt;h1&gt;{this.props.text}&lt;/h1&gt;;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      );
  }
  
  
  export default Tickerbox;
  </code></pre>
  
  <p>App.js (parent)</p>
  
  <pre><code>import React, { Component } from 'react';
  import logo from './logo.svg';
  import './App.css';
  import Tickerbox from './TickerBox';
  
  
  class App extends Component {
   constructor(props) {
    super(props);
    this.state = {
     day: 'monday',
     month: 'january',
     year: '1st',
   };
   }
  
  
  render() {
       return (
         &lt;div className="App"&gt;
         &lt;link rel="stylesheet" 
  
  href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css"/&gt;
         &lt;div className="App-header"&gt;
           &lt;img src={logo} className="App-logo" alt="logo" /&gt;
           &lt;h2&gt;Hi&lt;/h2&gt;
         &lt;/div&gt;
         &lt;div className="container"&gt;
           &lt;div className="row"&gt;
             &lt;div className="col-sm-2 col-sm-push-3"&gt;day&lt;/div&gt;
             &lt;div className="col-sm-2 col-sm-push-3"&gt;month&lt;/div&gt;
             &lt;div className="col-sm-2 col-sm-push-3"&gt;year&lt;/div&gt;
             &lt;Tickerbox text="test"&gt;&lt;/Tickerbox&gt;
           &lt;/div&gt;
         &lt;/div&gt;
       &lt;/div&gt;
     );
   }
    }
  
    export default App;
  </code></pre>
  
  <p>Index.js (entry point)</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import './index.css';
  import App from './App';
  import registerServiceWorker from './registerServiceWorker';
  
  ReactDOM.render(&lt;App /&gt;, document.getElementById('root'));
  registerServiceWorker();
  </code></pre>