React - Use PropTypes to Define the Props You Expect

Tell us what’s happening:
Why doesn’t it throw an error when i provide a string instead of a number?

Your code so far

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

// Change code below this line
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 = {"h"} />
  }
};

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

Challenge: React - Use PropTypes to Define the Props You Expect

Link to the challenge:

Most likely because of how the React challenges are run and tested. You should normally get a warning.

Warning: Failed prop type: Invalid prop quantity of type string supplied to Items, expected number.

Here is the code on StackBlitz. If you open the browser console you can see the warning.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.