<commit_before>import React from 'react';
import './component.css';

export default class Hello extends React.Component {
  render() {
    return (
      <div className="test-class">
        <h1>Hello React</h1>
        <div>this is demo page</div>
      </div>
    );
  }
}<commit_msg>demo to setState for object properties<commit_after>import React from 'react';
import './component.css';

export default class Hello extends React.Component {

  constructor(props) {
    super(props);
    // initial state
    this.state = {
      info: {
        message: 'this is demo page, will be update after 3s'
      }
    };
  }

  componentDidMount() {
    setTimeout(() => {
      this.setState({
        info: {
          message: 'message updated'
        }
      });
    }, 10000);
  }

  render() {
    return (
      <div className="test-class">
        <h1>Hello React</h1>
        <div>{this.state.info.message}</div>
      </div>
    );
  }
}
{'fraction_non_alphanumeric': 0.14179894179894179, 'fraction_numerical': 0.010582010582010581, 'mean_word_length': 2.185185185185185, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 16, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5274634', 'n_tokens_mistral': 297, 'n_tokens_neox': 288, 'n_words': 72}