Codesplitting not working without NextJS routing

[alexpuertasr]

I'm having some issues making the namespaces codesplitting for pages. I'm not using the NextJS internationalized routing.

I tried first to use the clientNamespaces like this:

export const getStaticProps = async (props) => {
  return {
    props: {
      ...clientNamespaces(ni18nConfig, ['common', 'first-page']),
    },
  }
}

However it just load correctly the namespaces on the first load, when I change to another page is not loading the new namespaces correctly

After I tried the loadTranslations like this:

export async function getStaticProps(props) {
  return {
    props: {
      ...(await loadTranslations(ni18nConfig, props.locale, [
        "common",
        "first-page",
      ])),
    },
  };
}

In this scenario the namespaces are loaded correctly without problem but then the changeLanguage stop working correctly (I guess because of the props.locale) whenever I change to another page with a different language than the default one, the language change to the default one

[woodjs]

I also faced this problem.
I tried intentionally using getServerSideProps to change the value of props.locale, but this does not give any result :(