Locales loaded, but missing key for namespace error (for all keys)

I am unable to get any of the translations working – for all {key} and {ns}, get this error:

[next-translate] "{key}" is missing in current namespace configuration. Try adding "{key}" to the namespace "{ns}".

next: ^12.0.8 next-translate: ^1.3.3

i18n.js

modules.export = {
  locales: ['nb', 'nn', 'en'],
  defaultLocale: 'nb',
  loadLocaleFrom: (lang, ns) =>
    import(`./public/locales/${lang}/${ns}.json`).then((m) => m.default),
  pages: {
    '*': ['common', 'header', 'mainMenu'],
    '/': ['welcome'],

  // some more
  }
}

_app.js

import i18nConfg from '../../i18n';

// MyApp

export default appWithI18n(MyApp, i18nConfig);

pages/index.tsx

const Index = () => {
  const { t } = useTranslation('welcome');
  return (
    <div>
      <div>{t('title')}</div>
      <div>{t('welcomeText')}</div>
    </div>
  );
}

export default Index

public/locales/nb/welcome.json:

{
  "title": "Velkommen",
  "welcomeText": "Dette er din hjemmside"
}

Messages: next-translate - compiled page: / - locale: nb - namespaces: common, header, mainMenu, welcome - used loader: getInitialProps

console error: [next-translate] "welcome:title" is missing in current namespace configuration. Try adding "title" to the namespace "welcome". [next-translate] "welcome:welcomeText" is missing in current namespace configuration. Try adding "welcomeText" to the namespace "welcome".

what am I doing wrong ?

[wuifdesign]

having the same problem. if the json file for one of the namespaces is missing all of them will become null.

locales/en/common.json exists locales/en/home.json does not exist

pages: {
    '*': ['common'],
    '/': ['home'],
},

this will end up in:

{"pageProps":{"__lang":"en","__namespaces":{"common":null,"home":null}},"__N_SSG":true}

but instead only home should be null.

[wuifdesign]

@aralroca https://github.com/vinissimus/next-translate/pull/794