Bug

c

import React from 'react';
import Link from 'next/link';
import { translate } from 'react-i18next';
import i18n from '../i18n';

import Frontend from '../components/frontend/Frontend/Frontend';

class Home extends React.Component {
  render() {
    return (
      <Frontend>
        {this.props.t('welcome')}
      </Frontend>
    );
  }
}

const Extended = translate(['home', 'common'], {
  i18n,
  wait: process.browser,
})(Home);

// Passing down initial translations
// use req.i18n instance on serverside to avoid overlapping requests set the language wrong
Extended.getInitialProps = async ({ req }) => {
  if (req && !process.browser) return i18n.getInitialProps(req, ['home', 'common']);
  return {};
};

export default Extended;