reactjs — Cómo arreglar ‘no se especificó una interfaz de usuario alternativa’ en react i18next usando ganchos

i18n.js

import i18n from "i18next"; import LngDetector from "i18next-browser-languagedetector"; import { initReactI18next } from "react-i18next"; import Fetch from "i18next-fetch-backend"; i18n .use(LngDetector) //language detector .use(Fetch) .use(initReactI18next) .init({ backend: { loadPath: "/infra/locales/{{ns}}.json", // path to post missing resources addPath: "locales/add/{{ns}}", // define how to stringify the data when adding missing resources stringify: JSON.stringify }, defaultNS: "base", fallbackLng: "en", debug: true, initImmediate: false }); export default i18n; 

He revisado los documentos que pude encontrar, así como esta publicación SO que no es mi problema.

Test.js

 import React, { Suspense, useState, useEffect, lazy } from "react"; import PropTypes from "prop-types"; import i18n from './i18n'; import { useTranslation } from 'react-i18next'; export default function Test( props ){ const { t, i18n } = useTranslation( 'bingo_game' ); return ( {amp}lt;Suspense fallback={{amp}lt;div{amp}gt;Loading...{amp}lt;/div{amp}gt;}{amp}gt; {amp}lt;div{amp}gt; Pant leg {amp}lt;/div{amp}gt; {amp}lt;/Suspense{amp}gt; ) } Test.propTypes = { token: PropTypes.string.isRequired, }; 

y

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector