HMR test on MST-models, but failed

Author: mydearxym

pages/index.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Provider } from 'mobx-react'
 
-import { initAppStore } from '../stores'
+import initAppStore from '../stores'
 import Decrator from '../containers/Decrator'
 import MultiLanguage from '../containers/MultiLanguage'
 import Sidebar from '../containers/Sidebar'

pages/other.js

@@ -3,7 +3,7 @@ import { Provider } from 'mobx-react'
 import { IntlProvider } from 'react-intl'
 import Link from 'next/link'
 
-import { initAppStore } from '../stores'
+import initAppStore from '../stores'
 
 import globalStyles from '../utils/global_styles'
 import Sidebar from '../containers/Sidebar'

stores/index.js

@@ -3,36 +3,41 @@
  *
  */
 
-// import { getSnapshot, applySnapshot } from 'mobx-state-tree'
+// import { onAction } from 'mobx-state-tree'
 
 import AppStore from './AppStore'
 
+// export const appStore =
+
 let appStore = null
 
 const createRootStore = (isServer, langSetup) => {
   return AppStore.create({ appLangs: langSetup })
 }
 
-export function initAppStore(isServer = false, langSetup) {
+function initAppStore(isServer = false, langSetup) {
   if (appStore === null) {
     appStore = createRootStore(isServer, langSetup)
   }
+
+  /*
+  onAction(appStore, data => {
+    console.log('onSnapshot: ', data)
+  })
+  */
+
   return appStore
 }
 
-export const other = false
-// export default initAppStore
-
+export default initAppStore
+// not work, TODO
 /*
 if (module.hot) {
   if (module.hot.data && module.hot.data.appStore) {
-    console.log('applySnapshot appStore: ', appStore)
-    console.log('applySnapshot: ', module.hot.data.appStore)
-    // applySnapshot(appStore, module.hot.data.appStore)
+    // applySnapshot(module.hot.data.old, module.hot.data.appStore)
   }
   module.hot.dispose(data => {
-    console.log('dispose: data: ', getSnapshot(appStore))
-    data.appStore = getSnapshot(appStore)
+   // getSnapshot ...
   })
 }
 */