Вы не объявили массив namespacesRequired в Next.js (next-i18n). Как я могу решить проблему?

Я использовал next-i18nextдля мультиязычного приложения. Я не понимаю, почему я получаю сообщение об ошибке, потому что я объявил пространства имен, как в документации.

ошибка

You have not declared a namespacesRequired array on your page-level component: Home.
This will cause all namespaces to be sent down to the client, possibly negatively impacting the performance of your app.
For more info, see: https://github.com/isaachinman/next-i18next#4-declaring-namespace-dependencies

index.ts

import Head from 'next/head'
import styles from '../styles/Home.module.css'
import { withTranslation } from '../i18n'
import { useTranslation } from 'react-i18next';
// import NextI18NextInstance from '../i18n';


function Home({ coursesData }) {

  const { t, i18n } = useTranslation(['common', 'cars']);

  return (
    <>
      <h1>{t('common:indexHeader')}</h1>
      <h2>{t('cars:title')}</h2>
    </>
  )
}

// All works with this code, but I plan to use getServerSideProps()
// Home.getInitialProps = async () => {
//   return {
//     namespacesRequired: ['common', 'courses']
//   }
// }

export default Home

Как я могу решить проблему?

Источник

1 ответ

next-i18next не поддерживает getServerProps еще, поэтому вам нужно продолжать использовать getInitialProps.

Для получения дополнительной информации: https://github.com/isaachinman/next-i18next/issues/652

Источник
Другие вопросы по тегам