No re-render when locale changes, please add multi-locale example

[goodwin64]

Related to https://github.com/gtournie/redux-form-validators/blob/master/examples/src/index.js#L25.

I'm working with Redux-Saga and it watches for "CHANGE_LOCALE" action:

// saga
export function* changeLocaleSaga(action: routines.setLocaleAction) {
  yield call(LocaleService.configureReduxFormValiators, action.payload);
}

yield all([
  takeEvery(routines.CHANGE_LOCALE, changeLocaleSaga),
]);

And in Locale Service I mutate the Validators:

// Locale.service
function configureReduxFormValiators(locale: ISupportedLocale) {
  const messages = getTranslationsByLocale(locale);

  Validators.messages = {
    ...Validators.messages,
    email: messages['component.field.error.isNotValidEmail'],
  };
}

export const LocaleService = {
  // getTranslationsByLocale,
  // getSupportedLocaleByLocale,
  configureReduxFormValiators,
};

BUT the problem here that Validators mutation doesn't tell React to re-render.

Please advice.

[goodwin64]

After some research, I've found value passed into IntlProvider.Context got changed, but the Error Message is rendered by ReduxForm's <Field /> component, which doesn't recognize any changes.

The possible solution is to connect every container with ReduxForm field with injectIntl. I hope there are other more elegant solutions to prevent duplicating a lot of code.