Impossible de lire la propriété 'getFixedT' à React-Storybook

Question

J'ai un message d'erreur:

Cannot read property 'getFixedT' of undefined. TypeError: Cannot read property 'getFixedT' of undefined 
at Translate.componentWillMount (webpack:///./~/react-i18next/dist/commonjs/translate.js?:78:46) 
at eval (webpack:///./~/react-dom/lib/ReactCompositeComponent.js?:348:23) 
at measureLifeCyclePerf (webpack:///./~/react-dom/lib/ReactCompositeComponent.js?:75:12) 
at ReactCompositeComponentWrapper.performInitialMount (webpack:///./~/react-dom/lib/ReactCompositeComponent.js?:347:9) 
at ReactCompositeComponentWrapper.mountComponent (webpack:///./~/react-dom/lib/ReactCompositeComponent.js?:258:21) 
at Object.mountComponent (webpack:///./~/react-dom/lib/ReactReconciler.js?:46:35) 
at ReactCompositeComponentWrapper.performInitialMount (webpack:///./~/react-dom/lib/ReactCompositeComponent.js?:371:34) 

Mon exemple espace de registre dans le composant:

export default translate('example namespace', { wait: true })(MyComponent) 

Et mon configure i18n.js ressemble:

import i18n from 'i18next'; 
 
import XHR from 'i18next-xhr-backend'; 
 
import LanguageDetector from 'i18next-browser-languagedetector'; 
 

 
export default i18n 
 
    .use(XHR) 
 
    .use(LanguageDetector) 
 
    .init({ 
 
    fallbackLng: 'en', 
 
    ns: [ 
 
     'example namespace', 
 
    ], 
 
    defaultNS: 'example namespace', 
 
    debug: true, 
 
    backend: { 
 
     loadPath: 'locales/{{lng}}/{{ns}}.json', 
 
    }, 
 
});

Je n'ai aucune idée de la façon de résoudre ce problème car tous les composants fonctionnent avec des actifs linguistiques lors de l'exécution du serveur dans le navigateur. J'utilise kadira/storybook: "^ 2.35.3", Peut-être que vous avez une certaine expérience sur la manière de configurer un livre de contes pour charger tous les espaces de noms de mes ressources.

Answer 1

Dans mon cas, j'ai besoin d'ajouter addDecorator dans le livre de contes et j'ai entouré mon histoire avec le fournisseur i18.