У меня есть следующий класс реагирующих компонентов:
import React, { Component } from "react";
import { withTranslation } from "react-i18next";
class XYZ extends Component {
constructor(props) {
super(props);
this.state = {
};
}
.....
.....
render() {
const { t } = this.props;
return (
.....
);
}
}
export default withTranslation()(XYZ);
Когда я пытаюсь выполнить модульное тестирование этого компонента и смонтировать этот компонент с помощью фермента, я получаю следующую ошибку:
Это что я пытаюсь сделать:
const wrapper = mount(<ManageOrders />);
И это ошибка:
Недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получила: undefined. Вероятно, вы забыли экспортировать свой компонент из файла, в котором он определен, или вы перепутали импорт по умолчанию и имена.
Есть идеи, как это исправить? И почему я получаю эту ошибку. Я чувствую, что это как-то связано с библиотекой переводов, потому что когда я делаю экспортный класс, XYZ расширяет Component, он заходит внутрь и терпит неудачу в строке, где я пытаюсь сделать перевод.