title: Weird bug with react where console.log makes undefined components defined
body: <p>I'm using this code for my main application:</p>
  
  <pre><code>import * as React from 'react';
  import { render } from "react-dom";
  import { Provider } from 'react-redux';
  import * as Redux from 'redux';
  import { CompactdState } from 'definitions';
  import { Route } from 'react-router-dom';
  import { ConnectedRouter } from 'react-router-redux';
  import { history } from './CompactdStore';
  import AppView from 'features/app/components/AppView';
  import {ArtistsView} from 'features/library/components/ArtistsView';
  import {HolisticView} from 'features/library/components/HolisticView';
  import LibraryView from 'features/library/components/LibraryView';
  
  interface CompactdApplicationProps {
    store: Redux.Store&lt;CompactdState&gt;;
  }
  export class CompactdApplication extends
    React.Component&lt;CompactdApplicationProps, {}&gt; {
  
    render (): JSX.Element {
      console.log(Route, LibraryView, HolisticView); // &lt;---
      return &lt;Provider store={this.props.store}&gt;
        &lt;ConnectedRouter history={history}&gt;
          &lt;div&gt;
            &lt;AppView {...this.props as any}&gt;
              &lt;Route path="/library/:artist?" children={(props: any) =&gt;
                &lt;LibraryView component={HolisticView} {...props}/&gt;} /&gt;
            &lt;/AppView&gt;
          &lt;/div&gt;
        &lt;/ConnectedRouter&gt;
      &lt;/Provider&gt;;
    }
  }
  </code></pre>
  
  <p>What is really weird is that when I remove the console.log, then Route, LibraryView and HolisticView are undefined.</p>
  
  <p>Any idea why? </p>