title: Store 'someStore' is not available! Make sure it is provided by some Provider
body: <p>I am trying to build a new projec twith React, Typescript and MobX. </p>
  
  <p>For some reason, i cant get MobX to work. It is a relative simple piece of code, but it gives me this error. </p>
  
  <p><strong>Uncaught Error: MobX injector: Store 'appState' is not available! Make sure it is provided by some Provider</strong></p>
  
  <p>This is my code: </p>
  
  <p><strong>AppState.ts</strong></p>
  
  <pre><code>import {observable} from "mobx"
  import {observer} from "mobx-react"
  
  export class AppState {
      @observable public greeting = "hello World"
  }
  </code></pre>
  
  <p><strong>index.tsx</strong></p>
  
  <pre><code>import * as React from "react"
  import * as ReactDOM from "react-dom"
  import { Provider } from "mobx-react"
  import { Router, Route, Switch } from "react-router"
  import { createBrowserHistory } from "history"
  import MuiThemeProvider from "material-ui/styles/MuiThemeProvider"
  "./containers/BookingStep/BookingStepContainer";
  import { TestContainer } from "./containers/TestContainer";
  import { AppState } from "./store/AppState";
  
  const history = createBrowserHistory()
  
  ReactDOM.render(
    &lt;Provider store={AppState}&gt;
      &lt;Router history={history}&gt;
        &lt;Switch&gt;
          &lt;MuiThemeProvider&gt;
            &lt;div&gt;
              &lt;Route path="/test" component={TestContainer} /&gt;
            &lt;/div&gt;
          &lt;/MuiThemeProvider&gt;
        &lt;/Switch&gt;
    &lt;/Router&gt;
  &lt;/Provider&gt;,
  document.getElementById("root"))
  </code></pre>
  
  <p><strong>TestContainer.tsx</strong></p>
  
  <pre><code>import * as React from "react"
  import { inject } from "mobx-react"
  import { AppState } from "../store/AppState"
  
  export interface ITestContainerProps {
      appState?: AppState
  }
  
  @inject("appState")
  export class TestContainer extends React.Component&lt;ITestContainerProps, any&gt; {
  
      public render() {
          const { children, appState } = this.props
  
          return (
              &lt;div&gt;
                  {appState.greeting}
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <p>Can anyone point out what i am missing?</p>