title: Why forceUpdate doesn't work after click button?
body: <p>I'm doing a little project using ag-agrid and I'm trying to translate it.</p>
  
  <p>My objetive is when user click in a button it change the language and to change the language the page must be refreshed</p>
  
  <p>when click on button:</p>
  
  <pre><code>changeLanguage(lang) {
      this.setState({language: lang},
      this.forceUpdate());
    }
  </code></pre>
  
  <p>the problem is:</p>
  
  <blockquote>
    <p>forceUpdate() is not working</p>
  </blockquote>
  
  <p>render and construtor:</p>
  
  <pre><code>constructor(props) {
      super(props);
  
      this.state ={
         language: 'pt'
      }
  
      this.changeLanguage = this.changeLanguage.bind(this);
  }
  
  
  render() {
    return (
  &lt;div className="ag-theme-balham" style={{ height: '700px', width: '95%' }}&gt;
  
    &lt;Row&gt;
      &lt;Button onClick={() =&gt; this.changeLanguage('pt')}&gt; PT &lt;/Button&gt;
      &lt;Button onClick={() =&gt; this.changeLanguage('en')}&gt; EN &lt;/Button&gt;                
    &lt;/Row&gt;
  
    &lt;br/&gt;
  
    &lt;AgGridReact
       //props of grid
       localeText={this.state.language === 'pt' ? pt : en}
  
    /&gt;
  &lt;/div&gt;
  );
  }
  </code></pre>
  
  <p>I'm doing something wrong when I'm using forceUpdate?</p>
  
  <p><a href="https://codesandbox.io/s/lucid-feather-gcb48" rel="nofollow noreferrer">codeSandBox</a></p>
  
  <p>Note: pt and en are data from a json file</p>