Test says 'styles' must be object. But console says it is

Tell us what’s happening:
I get a test error saying that my const must be an object.
console shows it is an object so why is it an error?
Your code so far


// Change code above this line
class Colorful extends React.Component {
render() {
  // Change code below this line
  const styles = {
    color: 'purple',
    fontSize: 40,
    border: '2px solid purple'
  };
  console.log(typeof styles);
  return (
    <div style={styles}>Style Me!</div>
  );
  // Change code above this line
}
};
  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:85.0) Gecko/20100101 Firefox/85.0.

Challenge: Add Inline Styles in React

Link to the challenge:

Hello there,

EDIT: I realise the issue:

// Change code above this line
class Colorful extends React.Component {
render() {

Add const styles to the global scope

Hope this helps

Thank you. The instructions should have specified the object must not be a part of class Colorful.