title: react-select component, not rendering
body: <p>react: ^15.4.2,
  react-select: ^1.0.0-rc.10,</p>
  
  <p><strong>Example.tsx</strong>   </p>
  
  <pre><code> import * as React from 'react';
  import Select from 'react-select';
  // Be sure to include styles at some point, probably during your bootstrapping
  import 'react-select/dist/react-select.css';
  
  var Select = require('react-select');
  var options = [
    { value: 'one', label: 'One' },
    { value: 'two', label: 'Two' }
  ];
  
  function logChange(val) {
    console.log("Selected: " + JSON.stringify(val));
  }
  
  export class Example extends React.Component&lt;any, any&gt; {
  
    render() {
  
      return (
          &lt;div&gt;
            &lt;Select name="form-field-name" value="one" options={options} onChange={logChange}/&gt;
          &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>No errors reported at compile time.</p>
  
  <p>Get an error message when attempting to render it</p>
  
  <blockquote>
    <p>React.createElement: type is invalid -- expected a string (for
    built-in components) or a class/function (for composite components)
    but got: object. Check the render method of <code>Example</code>.
        in Example</p>
  </blockquote>
  
  <p>Being this is my first react project I have no idea how to debug this.  I do not see anything wrong with this code.</p>
  
  <p>Here is my render out of main.tsx</p>
  
  <pre><code>    (() =&gt; {
  
      const container = document.querySelector('#container');
      render( &lt;Example /&gt;, container);
  })();
  </code></pre>