Loading React Native MST

preloading-screen.ts

import * as React from "react"
import { observer } from "mobx-react"
import {Register} from "../register"
import {Home} from "../home"
import { MSTUser } from "../../app/models/user"
import { NavigationScreenProps } from "react-navigation"


export interface PreLoadingScreenProps extends NavigationScreenProps<{}> {}

// @inject("mobxstuff")
@observer
export class PreLoading extends React.Component<PreLoadingScreenProps, {}> {
    componentWillMount(){
        MSTUser.onAuthChanges()
    }
    render() {
        return (MSTUser.isLogged)
        ? <Home navigation={this.props.navigation} {...this.props} />
        : <Register navigation={this.props.navigation} {...this.props} />
    }
}

user.ts

import { types, flow } from "mobx-state-tree"
import { firebaseAuth } from "../../services/api/firebase"

export const User = types
.model({
    uuid: "",
    firebaseId: "",
    name: "",
    surname: "",
    selfImage: "",
    passport: "",
    scannedPassport: "",
    token: "",
    pushToken: "",
    isLogged: false
})
.actions(self => ({
        onAuthChanges: () => firebaseAuth.onAuthStateChanged(self.onAuthChangesCallback),
        onAuthChangesCallback(user){
            console.tron.log("onAuthChanges logged:", user)
            if (user) {
                self.isLogged = true
            }
        },
}))