ReferenceError: window is not defined

[MBach]

When using mobx-persist with SSR, I have these messages (printed like 10 times) both in dev or in production mode:

ReferenceError: window is not defined
at /home/www/my-project/node_modules/mobx-persist/lib/storage.js:18:45

How can I suppress them? Should window and localstorage be polyfilled?

[pinqy520]

import { create } from 'mobx-persist'
if (isBrowser /* or !isServer */) {
    const hydrate = create(...)
    hydrate('yourStoreKey', yourStore, yourStateFromServer)
}

[MBach]

Thanks, it's working! Maybe the doc can be completed with your code snippet?

Here's what I used in my project:

import { action, observable } from 'mobx'
import { persist, create } from 'mobx-persist'

class User {
    @observable hydrated = false
    @persist('object') @observable _content = null
    @action hydrateComplete() {
        this.hydrated = true
    }

    ...

}

let userStore = new User()
export default userStore

if (process.browser) {
    const hydrate = create({ jsonify: true })
    hydrate('user', userStore).then(() => userStore.hydrateComplete())
}