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

Question

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

Answer 1

We encountered the same issue when combining react-relay with redux-form. The solution was simple: we initialize the form when the form is mounted.

compose(
  createContainer({
    fragments: {
      viewer: () => Relay.QL`
        fragment on User {
          nickname
          email
        }
      `
    }
  }),
  reduxForm({
    form: "user",
    fields: ["nickname", "email"],
  })
)(
  class UserForm extends Component {
    componentWillMount() {
      this.props.initializeForm(this.props.viewer)
    }

    render() {
      // Same as before
    }
  }
)