Modal.<type>'s locale does not update until after the initial render.

[hargasinski]

Environment(required)

• antd version: 2.8.2

What did you do? Please provide steps to re-produce your problem.

• Wrapped a component in LocaleProvider
• called Modal.confirm in the component's componentDidMount as the modal should only be displayed on the initial render

Minimial reproducibe case: http://codepen.io/hargasinski/pen/OpbBRB?editors=0010

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import { Modal, LocaleProvider } from 'antd';
import enUS from 'antd/lib/locale-provider/en_US';

class TestComponent extends React.Component {
  componentDidMount() {
    Modal.confirm({
      title: 'Hello World!'
    });
  }

  render() {
    return null;
  }
}

class App extends React.Component {
  render() {
    return (
      <div>
        <LocaleProvider locale={enUS}>
          <TestComponent />
        </LocaleProvider>
      </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById('root'));

What do you expected?

The modal's buttons to be using the enUS locale.

What happened?

The modal's button are using the default locale.

Re-producible online demo

http://codepen.io/hargasinski/pen/OpbBRB?editors=0010

[lock]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.