React js - Reemplaza las "props" predeterminadas

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.

No entiendo cuál es el problema, estoy pasando la propiedad de forma correcta hasta donde tengo entendido.

Tu código hasta el momento

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

Items.defaultProps = {
  quantity: 0
}

class ShoppingCart extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    { /* Change code below this line */ }
    return (
    <div>
    <Items 
    quantity = {10}
    />
    </div>
    )
    { /* Change code above this line */ }
  }
};



Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36 Edg/106.0.1370.52

Desafío: React js - Reemplaza las “props” predeterminadas

Enlaza al desafío: