title: Inject multiple stores to scenes with Asp.net Boilerplate
body: <p>Which is the correct way of injecting multiple stores into a scene? I couldn't find any example about this. Everyone injects just one store into a scene. Is there a rule or concept in Asp.net boilerplate about using stores with mobx-react?</p>
  <p><strong>İnjecting to component</strong>
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import RefineryStore from '../../stores/refineryStore';
  import Stores from '../../stores/storeIdentifier';
  import UserStore from '../../stores/userStore';
  
  export interface IRefineryProps {
      refineryStore: RefineryStore;
      userStore: UserStore;
  }
  
  @inject(Stores.RefineryStore, Stores.UserStore) // Why noone adds two stores into one inject?
  @observer
  class Refineries extends AppComponentBase&lt;IRefineryProps, IRefineryState&gt; {
     public render() {
          const { refineries } = this.props.refineryStore;
          const { managers } = this.props.userStore;
          return ()
    }
  }</code></pre>
  </div>
  </div>
  </p>
  <p><strong>Defining Stores class</strong>
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export default class Stores {
    static AuthenticationStore: string = 'authenticationStore';
    static RoleStore: string = 'roleStore';
    static TenantStore: string = 'tenantStore';
    static UserStore: string = 'userStore';
    static SessionStore: string = 'sessionStore';
    static AccountStore: string = 'accountStore';
    static RefineryStore: string = 'refineryStore';
  }</code></pre>
  </div>
  </div>
  </p>