title: Semantic-ui-react library does not work; no errors
body: <p><code>semantic-ui-react</code> does not work on my browser and I'm not sure why - there aren't any errors or problems in the console.</p>
  
  <p>This is the component from the library <code>semantic-ui</code>; it's from this file <code>UptimeGuarantee.js</code></p>
  
  <pre><code>import React from 'react'
  import { Header, Icon , Image} from 'semantic-ui-react'
  
  const HeaderExampleUsersIcon = () =&gt; (
    &lt;div&gt;
      &lt;Header as='h2' icon textAlign='center'&gt;
        &lt;Icon name='users' circular /&gt;
        &lt;Header.Content&gt;
          Friends
        &lt;/Header.Content&gt;
      &lt;/Header&gt;
      &lt;Image centered size='large' src='/assets/images/wireframe/centered-paragraph.png' /&gt;
    &lt;/div&gt;
  )
  
  export default HeaderExampleUsersIcon
  </code></pre>
  
  <p>and on my App.js I call this component:</p>
  
  <pre><code>import React, { Component , PropTypes} from 'react';
  import { Button } from 'semantic-ui-react';
  import logo from './logo.svg';
  import './App.css';
  import HeaderExampleUsersIcon from './UptimeGuarantee'
  
  class App extends Component {
    render() {
      return (
          &lt;div className="App"&gt;
                  &lt;div className="App-header"&gt;
                      &lt;img src={logo} className="App-logo" alt="logo" /&gt;
                      &lt;h2&gt;Welcome to React&lt;/h2&gt;
                  &lt;/div&gt;
                  &lt;p className="App-intro"&gt;To get started, edit &lt;code&gt;src/App.js&lt;/code&gt; and save to reload.&lt;/p&gt;
                  &lt;Button primary&gt;Primary&lt;/Button&gt;
                  &lt;HeaderExampleUsersIcon /&gt;
          &lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  
  <p>Result:</p>
  
  <p><a href="https://i.stack.imgur.com/t6KIL.png" rel="noreferrer"><img src="https://i.stack.imgur.com/t6KIL.png" alt="enter image description here"></a></p>