It is the second time that I try to define a defaultProps on React, but isn't showing nothing, like is undefined

The UserGreeting component:

import PropTypes from 'prop-types'

function UserGreeting(props) {

    if (props.isLoggedIn)  {
        return (
            <h2>
                Welcome {props.username}!
            </h2>
        )
    } else {
        return (
            <h2>
                Please Log in!
            </h2>
        )
    }

}

UserGreeting.proptypes = {
    isLoggedIn: PropTypes.bool,
    username: PropTypes.string,
}

UserGreeting.defaultProps = {
    isLoggedIn: false,
    username: "Guest",
}

export default UserGreeting

And the App component:

import UserGreeting from "./UserGreeting"

function App() {
  

  return (
    <>
      <UserGreeting isLoggedIn={true} username="Bob" />
    </>
  )
}

export default App

When i run it, just show as the props is undefined when nothing is passed

It worked when I did this: Welcome {props.username ?? "Guest"}!

But i really want to understand why the defaultProps isn't working