Attempted import error: 'withTranslation' is not exported from 'react-i18next'

Question

I am new to React nad I want to export a component but I get a error with 'withTranslation'

a summary of my code (version:"i18next": "^17.0.6","react-i18next": "^9.0.10",):

import React, {Component} from 'react';

import { translate } from 'react-i18next';
//version: "i18next": "^17.0.6","react-i18next": "^9.0.10",

//..........
//.............
class FromAlumno extends Component {
//................
//.....................
}

export default withTranslation("translation")(FromAlumno);

Are you importing it like - import { withTranslation } from 'react-i18next'; — Monika Mangal
– Monika Mangal, Commented Jul 18, 2019 at 10:47

Daniel Broman · Accepted Answer · 2019-07-18 11:13:22Z

3

The problem is not the exporting in your component, the problem is that you haven't imported withTranslation from react-i18next. Just switch your import to this:

import { withTranslation } from 'react-i18next';

I would recommend reading the documentation for react-i18next before posting here too.

https://react.i18next.com/latest/withtranslation-hoc

answered Jul 18, 2019 at 11:13

Daniel Broman

463 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Attempted import error: 'withTranslation' is not exported from 'react-i18next'

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related