title: Semantic-UI Image properties not working with semantic-ui-react
body: <p>I´m trying to use the official <a href="https://react.semantic-ui.com/introduction" rel="nofollow noreferrer">semantic-ui-react</a> for the first time with React. I´ve built a brand new react application:</p>
  
  <pre><code>$ create-react-app test
  </code></pre>
  
  <p>And I then tried to add the same react image as follows in <strong>App.js</strong>:</p>
  
  <pre><code>import React, { Component } from 'react';
  import logo from './logo.svg';
  import { Image } from 'semantic-ui-react';
  
  import './App.css';
  
  
  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;div className="ui container"&gt;
            &lt;h1&gt;Hello World&lt;/h1&gt;
            &lt;Image src={logo} avatar/&gt;
            &lt;Image src={logo} size='mini'/&gt;
          &lt;/div&gt;
  
        &lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  
  <p>The result shows me 2 big react <code>{logo}</code> images, not mini or avatar styled:</p>
  
  <p><a href="https://i.stack.imgur.com/0rAVH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0rAVH.png" alt="enter image description here"></a></p>
  
  <p>Ideas of what I´m missing here ?</p>