What would be the output? [React.js]

@Yomesh Gupta

What would be the output when we click on "Add items" button?

class App extends React.Component {
  state = {
    items: [],
  };

  handleClick = () => {
    const { items } = this.state;
    this.setState({
      items: [...items, "apple"],
    });
    this.setState({
      items: [...items, "orange"],
    });
    this.setState({
      items: [...items, "mango"],
    });
    this.setState({
      items: [...items, "peach"],
    });
  };

  render() {
    const { items } = this.state;
    return (
      <div className="App">
        {" "}
        {items.length ? (
          <h2> Items are {JSON.stringify(items)} </h2>
        ) : (
          <React.Fragment>
            <p> No items found </p>{" "}
            <button onClick={this.handleClick}> Add items </button>
          </React.Fragment>
        )}{" "}
      </div>
    );
  }
}
Option 1
Items are ["apple", "orange", "mango", "peach"]
Option 2
Items are ["peach"]
Option 3
Items are []
Option 4
No items found