react-i18next:: deberá pasar una instancia de i18next usando initReactI18next
Recientemente agregué el paquete y obtuve este error. He seguido todos los pasos hasta donde sé.
Uso Next.js con el paquete next-i18next , que generalmente se inicializa automáticamente.
module.exports = { i18n: { defaultLocale: 'en', locales: ['en', 'de', 'fr'], }, react: { useSuspense: false },//this line };De los documentos next-i18next :
Luego agregamos
serverSideTranslationagetStaticPropsogetServerSideProps(según su caso) en nuestros componentes de nivel de página.
Lo que significa que deberá agregarserverSideTranslation a las páginas que necesitan traducciones.
Por ejemplo, en su archivo pages/d/[tab]/index :
import Head from 'next/head'; import { Input } from '../../../components/Input'; import YouTube from '../../../components/youtube/Main'; import { serverSideTranslations } from 'next-i18next/serverSideTranslations'; const index = () => { return ( <> <Head> <title>YouTube</title> </Head> <YouTube /> </> ); }; export const getServerSideProps = async ({ locale }) => ({ props: { ...(await serverSideTranslations(locale, ['common'])) } }); export default index; Luego, más abajo en su componente Main , puede acceder a la traducción de la documentation usando:
t('pages.documentation')