title: NextJS with next-i18next produces error Text content did not match
body: <p>I think Ive set up next-i18next exactly as their docs specify, but I'm receiving the error &quot;Text content did not match. Server: &quot;Testing ZH HANT&quot; Client: &quot;Testing EN&quot; - the frontend only ever displays the English text. I must have missed something, but for the life of me I can't see what.</p>
  <p>Here are the files:</p>
  <p>next-18next.config.js:</p>
  <pre><code>module.exports = {
      i18n: {
          locales: ['en-US', 'zh-hant', 'zh-hans'],
          defaultLocale: 'en-US',
          localeDetection: false
      },
  };
  </code></pre>
  <p>next.config.js:</p>
  <pre><code>const { i18n } = require('./next-i18next.config');
  
  module.exports = {
      images: {
          domains: ['mydomain.com'],
      },
      i18n,
      target: 'serverless'
  }
  </code></pre>
  <p>_app.js:</p>
  <pre><code>import '../styles/globals.scss'
  import Head from &quot;next/head&quot;;
  import { appWithTranslation } from 'next-i18next';
  
  function MyApp({ Component, pageProps, mainMenu, footerMenu }) {
    return(
        &lt;Component {...pageProps} /&gt;
    )
  }
  
  export default appWithTranslation(MyApp);
  </code></pre>
  <p>Article.js:</p>
  <pre><code>import { useTranslation } from 'next-i18next';
  
  export default function Article(props){
  
      const node = props.node;
      const { t } = useTranslation(['common']);
  return(
          &lt;div&gt;{t('Testing')}&lt;/div&gt;
  )}
  
  export async function getStaticProps(context) {
      const { alias } = context.params;
      const lang = context.locale;
      const node = await restGet(`/endpoint?_format=json&amp;slug=${alias.join('/')}&amp;lang=${lang}`);
      const globals = await getGlobals(lang);
      const props = {
          ...{node: node},
          ...globals,
          ...(await serverSideTranslations(lang, ['common']))
      };
  
      return {
          props,
          revalidate: 5
      }
  }
  </code></pre>
  <p>public/locales/zh-hant/common.json:</p>
  <pre><code>{
    &quot;Testing&quot;: &quot;Testing ZH HANS&quot;
  }
  </code></pre>