This program intends to increase the number of `1`s in an array and display the actual length of it in the buttons label. Does this code work as expected? If not, why?

react-test.js

import React from 'react';
class MyComponent extends React.Component {

  state = {
    data: []
  }

  handleClick = () => {
    const data = this.state.data;
    data.push(1);
    this.setState({
      data
    });
  }

  shouldComponentUpdate(props, state) {
    return this.state.data !== state.data;
  }

  render() {
    return (
      <button onClick={this.handleClick}>
        Click me! { this.state.data.length }
      </button>
    );
  }
}