React - Create a Stateful Component. I've applied the stateful component as instructed in the exercise but it keeps popping up errors

[Ayobamii]

Tell us what’s happening:
Describe your issue in detail here.

   **Your code so far**

class StatefulComponent extends React.Component {
 constructor(props) {
   super(props);
   // Only change code below this line
this.state = {
name: "firstName"
}
   // Only change code above this line
 }
 render() {
   return (
     <div>
       <h1>{this.state.firstName}</h1>
     </div>
   );
 }
};

   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: React - Create a Stateful Component

Link to the challenge:

freeCodeCamp.org

[DanielHuebschmann]

Hi!

Almost there, just let the candidates swap places, your solution renders the property.

[camperextraordinaire]

@Ayobamii

this.state.firstName

You reference a state property named firstName but I only see a state property named name (seen in your this.state assignment below):

this.state = {
name: "firstName"
}

The instructions what you to assign your name to a state property named firstName.

[Ayobamii]

Thank you. Fixed it.