import { action, observable } from 'mobx'

import { useStrict } from 'mobx';
useStrict(true);

class Store {
    constructor(){
        //
    }
    @observable user

    @action setUser=(user)=>{
        this.user=user
    }

    @observable menus=[
        {menu1: 'DATABASE',
        /*menu2s: ['PC', 'NETWORK', 'TEL', 'PTT'],*/ //-> this line works fine
        menu2s: this.user.permits.db, //-> this line gives an error: Cannot read property 'permits' of undefined
    ]
}

export default new Store

import React from 'react'
import ReactDOM from 'react-dom'

//import from ReactJS components
import Layout from './components/layout.js'

//import from MobX store
import Store from './store/store.js'

//user comes from HTTP GET request
Store.setUser(user)

ReactDOM.render(<Layout store={Store}/>,document.getElementById('ui'))

class Store {
  @observable user
  @observable menus = []
  @action setUser = (user) => {
    this.user = user
    this.menus.push({
      menu1: 'DATABASE',
      menu2s: this.user.permits.db
    })
  }
}