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: