Invalid hook call error when using withTranslation in class component

class PageTitle extends React.Component {
  render() {
    const { t } = this.props;
    return (
      <div>
        {t(pageTitle)}
      </div>
    );
  }
}

PageTitle.propTypes = {};

export default withTranslation('common')(PageTitle);

Somehow when i try to use withTranslation in a class component, it will throw a hooks related error

My package version “next”: “10.0.6” “next-translate”: “^1.0.2”

[RandomDude123]

np. consider using TS as well as move away from class components 😃 maybe you can close this github issue yourself?

[richardhsueh]

Oh, my bad. I missed that part.😓 The error is gone now. I guess I am too used to react-i18next’s API 😅