title: react-native with mobx throw error
body: <p>I implement react native with mobx and i get this errorr</p>
  
  <blockquote>
    <p>[mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: 'Reaction[Reaction@1] Error: [serializr] Failed to find default schema for undefined</p>
  </blockquote>
  
  <p>root component</p>
  
  <pre><code>    import React, { Component } from 'react';
  import {
      View,
      AsyncStorage,
      Text,
  } from 'react-native';
  import { StackNavigator } from 'react-navigation';
  
  import { observer, Provider } from 'mobx-react/native'
  import { create } from 'mobx-persist'
  import { AppStore,UserStore } from '../stores'
  const stores = { UserStore, AppStore };
  
  import {
      Walkthrough
  } from '../screens'
  
  const hydrate = create({
      storage: AsyncStorage
  })
  
  let Main = null;
  
  hydrate('appStore', AppStore).then((a) =&gt; {
      console.log(a);
      AppStore.done();   
      }
  )
  
  hydrate('userStore',UserStore).then((a)=&gt;{
      console.log(a)
      Main = StackNavigator(
          {
              Walkthrough: { screen: Walkthrough },
  
          }, {
              headerMode: 'none',
              lazy: true,
              initialRouteName: 'Walkthrough',
          }
      )
  })
  
  
  
  @observer
  class Root extends Component {
      constructor(props){
          super(props);
          this.state = {
  
          }
      }
  
  
      render(){
          // const ready =  UserStore.storeHydrated &amp;&amp;  AppStore.storeHydrated;
          const ready = false;
          return (
              &lt;View&gt;
              {!ready &amp;&amp;  
                  &lt;View&gt;&lt;Text&gt;Splash screen component&lt;/Text&gt;&lt;/View&gt;}
  
              &lt;/View&gt;
  
          )  
      }
  }
  
  export default Root;
  </code></pre>
  
  <p>AppStore</p>
  
  <pre><code>    import { observable, action, computed } from 'mobx'
  import { persist } from 'mobx-persist'
  
  class AppStore {
      @observable storeHydrated = false
      @observable requesting = false
  
      constructor(){
          console.log("AppStore")
      }
  
      @action setRequesting(){
          this.requesting = !this.requesting;
      }
  
      @action done(){
          //this.storeHydrated = true
      }
  
  
  }
  
  
  const appStore = new AppStore();
  export default appStore;
  </code></pre>
  
  <p>UserStore</p>
  
  <pre><code>    import { observable, action, computed } from 'mobx'
  import { persist } from 'mobx-persist'
  
  class UserStore {
      @persist @observable first_name;
      @persist @observable last_name;
      @persist @observable email;
      @persist @observable tasks;
      @persist @observable storeHydrated = false;
      @persist @observable alreadyRegister = false;
  
      constructor(){
          this.setUser = this.setUser.bind(this);
          console.log("userStore")
      }
  
      @action setUser(data){
          this.first_name = data.first_name
          this.last_name = data.last_name;
          this.email = data.email;
          this.tasks = data.tasks;
      }
  
      @action done(){
          //this.storeHydrated = true;
          // if(this.alreadyRegister){
          //     this.getUserDetails();
          // }
      }
  
      @action setIsFirstTimeInApp(firstTIme){
          this.firstTimeInApp = firstTIme;
      }
  
  
  }
  
  
  const user = new UserStore();
  export default user;
  </code></pre>
  
  <p>what I already tried to do is to delete the app and run again and still nothing changed and it throw me the same error.</p>