My redux-form is reinitialized when switching language by changing react-intl wrapper props

Viewed 1418

I'm wrapping my app inside an IntlProvider from react-intl v2, like this:

<IntlProvider locale={this.props.lang} messages={this.props.messages}>

And I have my react-form forms down the tree. Everything is great.

But if I'm starting to fill up a form, and I decide to change the language of the UI (by listening to an action that will update my lang and messages props through my redux store), the form is being reset :-/

I see the action redux-form/INITIALIZE being fired when the lang changes.

And it happens even if I pass destroyOnUnmount: false to reduxForm().

It did not happen with uncontrolled form fields.

Any idea?

My code: App.js + Register form

2 Answers
Related