title: this.state.account and this.state.followers are not updated onMouseOver?
body: <p>When Bootstrap table rows are <em>hovered</em> the <strong>twitter_account in Twitter state is updated</strong>.But when passed as props for <strong>TwitterChart class It is not updated</strong>.</p>
  <pre><code>const twitterData = [
    {
      account: &quot;marwilliamson&quot;,
      followers: 2610335,
    },
    {
      account: &quot;BernieSanders&quot;,
      followers: 9254423,
    },
    {
      account: &quot;Hickenlooper&quot;,
      followers: 144816,
    }
  ]
  export {twitterData};
  
  /////////
  
  import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';
  import {twitterData} from './twitter_data'
  
  export const Twitter = () =&gt; {
    const data = useMemo(() =&gt; twitterData, [])
    const [twitter_account,settwitter_account] = useState('');
    const [twitter_followers,settwitter_followers] = useState(0);
     function onRowMouseOver(row){
      settwitter_account(row.account);
      settwitter_followers(row.followers);
      }
    const options = {
      onRowMouseOver: onRowMouseOver,
    };
    return (
      &lt;div&gt;
      &lt;div className=&quot;twitter-followers&quot;&gt;
      &lt;div className=&quot;followers-header&quot;&gt;
          &lt;BootstrapTable data={ data } options={options}&gt;
              &lt;TableHeaderColumn dataField='account' dataFormat={CellFormatter} isKey={true} dataSort={ true } dataAlign='left' width='120' headerAlign='left' className=&quot;header&quot;&gt;ACCOUNT&lt;/TableHeaderColumn&gt;
              &lt;TableHeaderColumn dataField='followers' dataSort={ true } width='120' dataAlign='center'  headerAlign='left' className=&quot;header&quot;&gt;FOLLOWERS&lt;/TableHeaderColumn&gt;
             
          &lt;/BootstrapTable&gt;
      &lt;/div&gt;
      &lt;/div&gt;
   
      &lt;TwitterBarChart account={twitter_account} followers={twitter_followers}/&gt;
    
      &lt;/div&gt;
    )
  }
  
  /////////
  
  class TwitterBarChart extends React.Component {
   
      constructor(props){
          super(props);
          this.state = {
              data : twitterData,
              account:props.account,
              followers:props.followers,
          }
      }
     render() {
     
        console.log(this.state.account);
        return(
     &lt;div className=&quot;barchart-msg-container&quot;&gt;
                  &lt;p className=&quot;barchart-message&quot;&gt;&lt;strong&gt;{this.state.account}&lt;/strong&gt; has &lt;span&gt;{this.state.followers}&lt;/span&gt; followers on Twitter&lt;/p&gt;
              &lt;/div&gt; 
  
       )
  
  }
  
  </code></pre>
  <blockquote>
  <p>twitter_account , twitter_followers are not getting updated on props.</p>
  </blockquote>
  <blockquote>
  <p>console.log(this.state.account) //account value is not updating onMouseOver.</p>
  </blockquote>