Render - PropTypes - React

Tell us what’s happening:
Whats wrong in this code?
It s only partial test is passed. Rendering part is not correct :roll_eyes:. Can anyone say why ?

Your code so far


const Items = (props) => {
return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
};

// change code below this line
import PropTypes from 'prop-types';
Items.propTypes = {quantity: PropTypes.number.isRequired }
// change code above this line

Items.defaultProps = {
quantity: 0
};

class ShoppingCart extends React.Component {
constructor(props) {
  super(props);
}
render() {
  return <Items quantity = {props.quantity} />
}
};

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36.

Challenge: Use PropTypes to Define the Props You Expect

Link to the challenge:

Remove the import PropTypes from 'prop-types';

The task tells you to
Define propTypes for the Items component to require quantity as a prop and verify that it is of type number .

Where does it tells you to import something?

import PropTypes from 'prop-types';

Thank you :+1:t3:

I added 'import…" as it s mentioned for version V15 of React shld use import and also in the documetation i found the import everywhere. :pensive: