React-i18next: How to use this library when using redux?

[LaraMo]

my page is connected to a redux store, like so:

export default withRouter(
    connect(
        mapStateToProps,
        { postResendEmailConfirmation, getEmailVerificationCheck, getPermissions }
    )(Welcome))
);

After following a tutorial and adding the configuration, I have imported:

 import { withNamespaces } from 'react-i18next';

but I don't how how to connect the two. I did this:

export default withRouter(
    connect(
        mapStateToProps,
        { postResendEmailConfirmation, getEmailVerificationCheck, getPermissions }
    )(withNamespaces('translations')(Welcome))
);

but the error is:

Component.js:144 [React-imported-component] TypeError: (0 , _reactI18next.withNamespaces) is not a function

[jamuhl]

what version of react-i18next? -> latest would use withTranslation -> https://react.i18next.com/latest/migrating-v9-to-v10#components-v9-greater-than-v10

[LaraMo]

@jamuhl the version is: "react-i18next": "^10.9.0".

And now it looks like this:
export default withRouter(
connect(
mapStateToProps,
{ postResendEmailConfirmation, getEmailVerificationCheck, getPermissions }
)(withTranslation('translations'))(Welcome)
);
However, my error is now : [React-imported-component] TypeError: Cannot set property 'props' of undefined

[jamuhl]

Can't reproduce this...must be related to your code...

[T0nio]

@jamuhl the version is: "react-i18next": "^10.9.0".

And now it looks like this:
export default withRouter(
connect(
mapStateToProps,
{ postResendEmailConfirmation, getEmailVerificationCheck, getPermissions }
)(withTranslation('translations'))(Welcome)
);
However, my error is now : [React-imported-component] TypeError: Cannot set property 'props' of undefined

You have an issue with your parenthesis: (withTranslation('translations'))(Welcome) should be (withTranslation('translations')(Welcome))

[jamuhl]

@T0nio wow...good catch on that one...