Render State in the User Interface, I am confusion

JavaScript
1

Tell us what’s happening:
I dont know what I have been doing wrong, but im very sure that my code is right. I think it may be a bug because I have attempted it on many different servers and all say the same thing. Please help me.

Your code so far


class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      name: 'freeCodeCamp'
    }
  }
  render() {
    return (
      <div>
        { /* change code below this line */ }
      <h1>{this.state.name}</h1>
        { /* change code above this line */ }
      </div>
    );
  }
};

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.99 Safari/537.36.

Link to the challenge:

2

Your code is correct, and when I paste it into my own window it passes just fine. What do you mean by “attempted it on many different servers”?

3

I had used chrome, firefox and safari.

4

That is very strange. I just tried all three of those and they worked. Perhaps try clearing your browser cache?

5

I had try that several times too. I think it may be a bug?

6

A bug with what, though? What’s special about your browsers?

Check your browser console while submitting. Do you see any errors or warnings? Take a look at the network tab and verify it’s sending a request.

7

It says : Error while parsing the ‘sandbox’ attribute: ‘allow-top-navigation-by-user-activation’ is an invalid sandbox flag.

8

Are you using any extensions, like an ad blocker?

9

No, I used to though