title: React.PropTypes is deprecated since React 15.5.0
body: <p>I am facing an issue where I am trying to import a static component and use it in the parent component. I am getting React undefined error.</p>
  
  <p>Here what I have done
  Parent Component</p>
  
  <pre><code>import React from 'react';
  import TableHeader from 'TableHeader';
  import TableRow from 'TableRow';
  import UTIL from '../../services/Utils';
  
  export default class Table extends React.Component {
  
      render() {
          return (&lt;div&gt;
              &lt;TableHeader labels={this.props.labels}/&gt;
              &lt;div className="table-body js-filtered-data-wrapper sortable"&gt;
                  {this.renderTableRows()}
              &lt;/div&gt;
  
          &lt;/div&gt;
          )
      }
      renderTableRows() {
          return this.props.teamlist.map((listItem, i) =&gt; {
              return (
                  &lt;TableRow key={i}
                                 data={listItem}
                                 labels={this.props.labels}
                  /&gt;
              )
          });
      }
  }
  </code></pre>
  
  <p>in my TableHeader file the code is</p>
  
  <pre><code>import { PropTypes } from 'react';
  
  const TableHeader = (props) =&gt; {
      let labels = props.labels;
      return (
          &lt;ul className="table-header"&gt;
              &lt;li className="table-row header "&gt;
                  &lt;div className="player-name"&gt;{labels.playername}&lt;/div&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      )
  }
  
  TableHeader.propTypes = {
      labels : PropTypes.object.isRequired
  }
  
  export default TableHeader;
  </code></pre>
  
  <p>The error I am getting is </p>
  
  <pre><code>Uncaught ReferenceError: React is not defined
      at TableHeader (webpack:///./src/components/pro-am/TableHeader.jsx?:13)
  </code></pre>