title: How to use 'Inject' without decorator in Mobx with ReactJs
body: <p>I wonder how to use Inject without decorator.<br>
  First, I made this as Store.</p>
  
  <pre><code> //Data/imagedb
  import { decorate, observable } from 'mobx';
  
  class imageStore {
    list = {
      keyword : 'yoyo',
    }
  }
  
  decorate(imageStore, {
    list: observable,
  })
  
  export default imageStore;
  </code></pre>
  
  <p>Second, I made this code to inject Store on it.</p>
  
  <pre><code>//components/Image
  import React, { Component } from 'react';
  import { observer, inject } from 'mobx-react';
  
  class Image extends Component {
      render() {
          const onPut2 = {onPut};
          return (
              &lt;div&gt;
                  {onPut2}
              &lt;/div&gt;
          );
      }
  }
  
  export default inject(({ imSt }) =&gt; ({
      onPut: imSt.list.keyword,
  }))(observer(Image));
  </code></pre>
  
  <p>And finally, this is my last code. <br>
  The error is "Onput is not defined" in second code.</p>
  
  <pre><code>import React from 'react';
  import Image from 'components/Image';
  
  import { Provider } from 'mobx-react';
  import imageStore from 'Data/imagedb'
  
  const imSt = new imageStore();
  
  const Home = () =&gt; {
      return (
          &lt;div&gt;
              &lt;Provider imSt={imSt}&gt;    
                  &lt;Image /&gt;
              &lt;/Provider&gt;
          &lt;/div&gt;
      );
  };
  
  export default Home;
  </code></pre>