"Build error, open your browser console to learn more." on Create a React Component challenge

JavaScript
#1

Tell us what’s happening:
I wrote some code as it was exemplified in the description of the challenge and when I run the tests it says:
“// running tests
The React component should return a div element.
The returned div should render an h1 heading element within it.
The h1 heading element should contain the string “Hello React!”
// tests completed
// console output
Build error, open your browser console to learn more.
Build error, open your browser console to learn more.”

And when I open the Browser’s Dev tools as it says to do, it shows a lot of errors like “Failed to load resource : https://o258251.ingest.sentry.io/api/6331239/envelope/?sentry_key=accc422134964139b07b91f9f916b6ba&sentry_version=7 …” and “Invariant Violation: Minified React…”.

This type of error “Build error, open your browser console to learn more.” had never appeared to me before.

What should I do?
Is it my code or my browser?
My code so far:

class MyComponent extends React.Component {
constructor(props) {
  super(props);
}
render() {
  // Change code below this line
  <div><h1>Hello React!</h1></div>


  // Change code above this line
}
};

Challenge: Create a React Component

Link to the challenge:

#2

the render method needs to return something

1 Like