Can't setActiveLanguage

I have the locale reducer set :

import { localeReducer as locale } from 'react-localize-redux';
combineReducers({ locale, otherReducers});

The languages initialized:

const languageToUse = 'en';
const languages = ['en', 'fr'];
store.dispatch(initialize(languages));
const json = require('../static/texts/global.locale.json');
store.dispatch(addTranslation(json));
store.dispatch(setActiveLanguage(languageToUse));

And the function mapped to the props:

import { getTranslate, getActiveLanguage, setActiveLanguage } from 'react-localize-redux';

function mapStateToProps(state) {
    return {
      restOfState: state.restOfState,
      translate: getTranslate(state.locale),
      currentLanguage: getActiveLanguage(state.locale).code,
      setActiveLanguage: setActiveLanguage,
    };
  }

  export default mapStateToProps;

However calling this.props.setActiveLanguage('fr') in a connected component does not change anything (logging this.props.currentLanguage ). Is this an issue or am I missing something?

[ryandrewjohnson]

@Vict0rSch sorry missed that in original source you provided. The action creators need to be added to connect like you would any other dispatch props.

So all Action Creators would go in dispatchProps, while all Selectors would go in stateProps.

const mapStateToProps = state => ({
    translate: getTranslate(state)
});

// if using shorthand syntax for dispatchProps
const mapDispatchToProps = {
     setActiveLanguage
};

// or long form
const mapDispatchToProps = dispatch => {
  return bindActionCreators({setActiveLanguage}, dispatch);
};

const ConnectedComponent = connect(mapStateToProps, mapDispatchToProps)(MyComponent)

Then in MyComponent you’d have access to this.props.setActiveLanguage.

[vict0rsch]

Ok that wokrs. Thanks a lot for your help 😃 Very useful and well done package btw!