Model Code Does Not Work

[kjgenevieve]

Using the model code, I could not get the ColorBox to render.

Given code:

    render() {
        const newValue = this.props.value * 2;
 
        if (this.props.value < 100) {
            return (
                <div>
                    <Example value={newValue} />
                </div>
            );
        } else {
            return null;
        }
    }
}```

My ColorBox code:
```import React, { Component } from 'react';

export default class ColorBox extends Component {
  
  render() {    
    const newValue = this.props.opacity - 0.1;

    if (this.props.opacity >= 0.2) {
      return (
        <div>
          <ColorBox opacity={newValue} />
        </div>
      );
    } else {
      return null;
    }
  }
}```

Additionally, the solution code uses a different approach.

[maxwellbenton]

Hi @kjgenevieve,

Thank you for opening this issue. We've updated this lesson based on your feedback - we've changed the example code snippet to include the required import and export statements and updated the solution to ColorBox so that it is more aligned with the example, which should resolve this issue.

We apologize for any frustration this may have caused you, but we appreciate you taking the time to provide feedback!

Thank you!