1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-mobx/pages/_app.js

42 lines
1.2 KiB
JavaScript
Raw Normal View History

import App, {Container} from 'next/app'
import React from 'react'
import { initializeStore } from '../store'
import { Provider } from 'mobx-react'
class MyMobxApp extends App {
static async getInitialProps(appContext) {
// Get or Create the store with `undefined` as initialState
// This allows you to set a custom default initialState
const mobxStore = initializeStore()
// Provide the store to getInitialProps of pages
appContext.ctx.mobxStore = mobxStore
let appProps = await App.getInitialProps(appContext)
return {
...appProps,
initialMobxState: mobxStore
};
}
constructor(props) {
super(props)
const isServer = typeof window === 'undefined'
this.mobxStore = isServer ?
props.initialMobxState:
initializeStore(props.initialMobxState)
}
render() {
const { Component, pageProps } = this.props
return (
<Container>
<Provider store={this.mobxStore}>
<Component {...pageProps} />
</Provider>
</Container>
);
}
}
export default MyMobxApp