React-i18next: Uncaught TypeError: t is not a function

[ravisuryawanshi18]

Hi,

I am implementing below example.
https://github.com/i18next/react-i18next/tree/master/example/locize-example

I am getting below error

Uncaught TypeError: t is not a function
at App.render (App.jsx:22)
at finishClassComponent (react-dom.development.js:10249)
at updateClassComponent (react-dom.development.js:10226)
at beginWork (react-dom.development.js:10605)
at performUnitOfWork (react-dom.development.js:12573)
at workLoop (react-dom.development.js:12682)
at HTMLUnknownElement.callCallback (react-dom.development.js:1299)
at Object.invokeGuardedCallbackDev (react-dom.development.js:1338)
at invokeGuardedCallback (react-dom.development.js:1195)
at performWork (react-dom.development.js:12800)

Can anyone help?

[jamuhl]

did you run the sample as is...or added some stuff?

[ravisuryawanshi18]

I have not added any stuff

[jamuhl]

just pulled...npm i + npm start -> no error...

[jamuhl]

the error looks like the component gets not extended by the translate hoc but obviously is...https://github.com/i18next/react-i18next/blob/master/example/locize-example/src/App.js#L33

are you sure you did not change anything....

[GraxMonzo]

add Vue.use(VueI18n) in your script.js file

[jamuhl]

@GraxMonzo hm...very funny