// running tests
The component should render a div element.
The div element should have its styles defined by the styles object.
// tests completed
// console output
Uncaught ReferenceError: React is not defined
Is this a bug?
Your code so far
const styles = {
color: "purple",
fontSize: 40,
border: "2px solid purple"
};
// change code above this line
class Colorful extends React.Component {
render() {
// change code below this line
return (
<div style={styles}>Style Me!</div>
);
// change code above this line
}
};
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.125 Safari/537.36 Edg/84.0.522.59.
I am having this issue on the “React: Use State to Toggle an Element” module. Even with out my solution, in the console It says that React is not defined. Please help. Thank you!!
I’m having the same issue on the other React lessons too. When I look at the console it says that a cookie associated with cross-site resource was set without the ‘SameSite’ attribute. Also, that the DOM Node could not be resolved into a valid node. I tested this on various browsers: Chrome, Edge, Firefox, and Brave, and it’s happening on all of them.
