Async store.getState().intl.locale

I am using react starter kit with redux and intl.

export default {
  path: '/article',
  children: [
    {
      path: '*',
      async action({ path, store }) {
        const language = store.getState().intl.locale;
        await store.dispatch(loadPageData( language,path));
        const data = store.getState().pagedata;
        return { 
          title: data.title,
          component: <Layout><Content content={data} /></Layout>,
        };
      },
    }
  ]
};

The problem is that when i change language using

onClick={async (e) => {
           e.preventDefault();
          await setLocale({ locale });
        }}

first get called SET_LOCALE_START action, then const language = store.getState().intl.locale; then SET_LOCALE_SUCCESS and the result i am using language from previeus state. Any help, suggestion?

[epozsh]

Thanks @langpavel i will make more research and for now i will your 2nd suggested option.

[langpavel]

@Shadowman4205 Sorry, I cannot guide you to subdomain. It is out of scope and as I said you will have much more configuration with this, not only in RSK but with server configuration as well:

• You should serve static assets from only one domain
• This implies CORS setup
• You must then use domain qualified URL paths for resources
• Where to put GraphQL endpoint? on common domain? On each domain?
• Setup redirects to correct domains
• Check all the cookies, set domain correctly
• much more questions here… Google/web analytics, SEO, canonical URL

In practice, almost no one using domain prefix because of this. If you think about wikipedia for example, you will see that it is collection of different deployments of same engine with completely different setups.

More common way is to use URL prefix