Issue with Next.js SSR (dispatching actions in getinitialprops) and persisting state

Hi folks, thanks for the great work on the library !! 😃

I am having some trouble when dispatching an action in getInitialProps with my store model defined with persist(store). The store seems to ignore the actions dispatched in getInitialProps and keep the old state. These actions include thunks (async calls).

I defined my model like this: const model = persist( { data, user, UI })

getInitialProps, which works fine without persist, does something like this:

Resources.getInitialProps = async function(context) {    
try {
    const resource = context.query.resource
    const store = context.reduxStore
    await store.dispatch.data.fetchResources(resource)
    const storeResources = await store.getState().data
    let podcasts= storeResources.podcasts
    return{
        podcasts,
    }
    } catch (error) {
        console.log (error)
        return{
            podcasts,
        }
    }
}

The actions dispatched in getInitialProps actually happen, as the variable podcasts is the expected one. They seem to be whipped out though.

My _app.js is:

  static async getInitialProps({ Component, ctx }) {


    const { reduxStore } = ctx

    const isClient = typeof window !== 'undefined'
      if (isClient){
      const token = Cookie.get('FBIdToken')
      if (token) {
        const decodedToken = jwtDecode(token)
        console.log(decodedToken)
        if (decodedToken.exp * 1000 < Date.now()) {
          reduxStore.dispatch.user.logoutUser()
          console.log ('token expired! Log out')
        }
        else {
          reduxStore.dispatch.user.setAuthenticated()
        }
      }
    }


    const pageProps = Component.getInitialProps
      ? await Component.getInitialProps(ctx)
      : {}

    return { pageProps }
  } 
  render() {
    const { Component, pageProps, reduxStore } = this.props
    return (
      <StoreProvider store={reduxStore}> 
        <Component reduxStore={reduxStore} {...pageProps} />
      </StoreProvider>
    )
  }
}

export default withReduxStore(MyApp)

Could anyone give me some guidance?? Thanks!!

[ctrlplusb]

I believe it will be a simple matter of typeof window === 'undefined' 😃

https://github.com/ctrlplusb/easy-peasy/blob/8514ad3ecfafd541fc8261b4468a494427496fbd/src/helpers.js#L49

export const persist = (model, config) => {
  // if we are not running in a browser context this becomes a no-op
  return typeof window === 'undefined' ? model : {
    ...model,
    [persistSymbol]: config,
  };
};

[gabrilator]

No worries, @ctrlplusb ! Managed to do the change you mentioned and it works!