{/* Instead of calling the h1 tag as many times as the data */}

    {/* <h1>{this.state.monster1.name}</h1>
    <h1>{this.state.monster2.name}</h1>
    <h1>{this.state.monster3.name}</h1> */}

    {/* Test state code */}

    {/** <header className='App-header'>
      <img src={logo} className='App-logo' alt='logo' />

      <p>Hey {this.state.name.firstName}, I work at {this.state.company}</p>
      <button
        onClick={() => {
          this.setState((state, props) => {
            return { name: { firstName: "yousuf", lastName: "adnan" } }; 
          }, 

          () => {
            console.log(this.state)

          });
          // this.state.love_name = "sreya<3";
          // console.log(this.state.love_name)
        }}
      >
        Hi shaik
      </button>
      </header>*/}